How To Setup Newser Blogger Template

 Newser is a blogging template mainly focused to the tidings niche How To Setup Newser Blogger Template

Newser is a blogging template mainly focused to the tidings niche. the template is responsive as well as has the capability to adjust inwards whatever cover size. Newser is equipped amongst diverse of widgets which volition assist y’all to set out your weblog to a greater extent than professionally. To instruct far slowly for y’all nosotros convey published this detailed documentation, hence that y’all tin setup your weblog correctly. You convey made a adept determination past times choosing our template. You tin depository fiscal establishment represent the alive demo or download the template through the push below as well as besides Please Read this documentation carefully inwards club to laid upward your weblog as well as delight banker’s complaint that there’s no back upward for gratuitous users.

Basic Setup

  1. Template Installation
  2. Logo Setup
  3. Template Setting
  4. Shortcodes & Markups
  5. Create Sitemap
.docline{display:block;border-top:1px enterprise #eee;position:relative;margin:10px 0;}.box-code{background:#444;color:#fff;border:1px enterprise #1c1c1c;padding:10px;}

Top Navigation

Access your weblog Layout > click Edit link on Top Navigation widget.

Social Top

Access your weblog Layout >click Edit link on Social Topwidget.

Icons Available { facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vine, stack-overflow, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, delicious, codepen }


Main Menu/DropDown/Multi DropDown

Access your blog Layout > click Edit link on Main Menu widget.
Normal Link : Features
Sub Link: _Sub Link 1.0 (before the link add “_”) 1 underscore
Sub Link 2: __Sub Link 1.1 (before the link add “__”) 2 underscore



Featured Slider

Access your blog Layout > click Add a Gadget > HTML/JavaScript on Featured PostsSection,and hence add one of the following

Recent Posts: <div class=”latestposts” data-no=”5″></div>
Label / Tag Ex<div class=”tagpost” data-label=”Break” data-no=”5″></div>

Page navigation results  

Access your blog Theme > click Edit Html and hence detect the next coding.

<script type=’text/javascript’>
var postperpage= 6;
var numshowpage=3;
var upPageWord =&#39;Prev&#39;;
var downPageWord =&#39;Next&#39;;
var urlactivepage=location.href;
var home_page=&quot;/&quot;;

Change the value of  “postperpage= 6;” amongst whatever other issue to exhibit your desired issue of posts.

Facebook Page Plugin:

<center><div class=”fb-page” data-href=”” data-width=”360″ data-small-header=”false” data-adapt-container-width=”true” data-hide-cover=”false” data-show-facepile=”true”></div></center>

or y’all tin follow this tutorial if to a higher identify method won’t operate
How to Add Responsive Facebook Like Box Widget In Blogger

Extra Widgets

Some additional widgets to decorate your blog.

  • Sidebar Social Widget

Access your blog Layout > click Add a Gadget > HTML/JavaScript on Sidebar Section, and hence add one of the following

<div class=”kt-social-buttons-widget”><ul class=”sidebar-social clearfix”><li><a href=”#!” class=”social-btn-twitter”>Follow on Twitter <i class=”fa fa-twitter”></i> </a></li><li><a href=”#!” class=”social-btn-facebook”>Like on Facebook <i class=”fa fa-facebook”></i> </a></li><li><a href=”#!” class=”social-btn-youtube”>Subscribe on Youtube <i class=”fa fa-youtube”></i> </a></li><li><a href=”#!” class=”social-btn-instagram”>Follow on Instagram <i class=”fa fa-instagram”></i> </a></li></ul></div><style>.kt-social-buttons-widget ul {list-style: none;padding-left: 0;}.kt-social-buttons-widget li a {font-size: 10px;text-transform: uppercase;letter-spacing: 2px;text-decoration: none;display: block;color: #0a0a0a;padding: 10px 1px 10px 10px;background:#f8f8f8;}.kt-social-buttons-widget ul li {width: 100%;margin-bottom: 10px;}.kt-social-buttons-widget li:hover {background: #1da1f2;color:#fff;}.kt-social-buttons-widget li a i {float: right;width: 35px;height: 14px;line-height: 14px;text-align: ;margin: 0;padding: 0 0 0 10px;font-size: 14px;}.kt-social-buttons-widget li a i {border-left: 1px enterprise #666;line-height: 14px;}.kt-social-buttons-widget li:hover {background: #3b5998;color:#fff;}.kt-social-buttons-widget li:hover {background: #cd201f;color:#fff;}.kt-social-buttons-widget li:hover {background: #405de6;color:#fff;}</style>

Change the to a higher identify details amongst your own.

  • Footer Creator Widget

Access your blog Layout > click Add a Gadget > HTML/JavaScript on Footer Section, and hence add one of the following

<div class=”about-widget-image”> <img src=”×455-1442922083.jpg” alt=” Newser is a blogging template mainly focused to the tidings niche How To Setup Newser Blogger Template” original=”×455-1442922083.jpg” /> </div><div style=”text-align: justify”>Munere veritus fierent cu sed, congue altera mea te, ex clita eripuit evertitur duo. Legendos tractatos honestatis promotion mel. Legendos tractatos honestatis promotion mel., <a href=”#” style=”    text-decoration: underline;”>click hither →</a></div>
<div class=”icons-social”><ul id=”social”><li><a class=”facebook” href=”#” title=”How To Setup Newser Blogger Template”></a></li><li><a class=”twitter” href=”#” title=”How To Setup Newser Blogger Template”></a></li><li><a class=”gplus” href=”#” title=”How To Setup Newser Blogger Template”></a></li><li><a class=”linkedin” href=”#” title=”How To Setup Newser Blogger Template”></a></li><li><a class=”instagram” href=”#” title=”How To Setup Newser Blogger Template”></a></li><li><a class=”pinterest” href=”#” title=”How To Setup Newser Blogger Template”></a></li></ul></div><style>.icons-social li {display: inline;padding: 0;float: left;}.icons-social #social a {display: block;    margin-right: 15px;    color: #333;    text-align: center;    font-size: 20px;}.icons-social #social a:before {display: inline-block;font: normal normal normal 22px/1 FontAwesome;font-size: inherit;font-style: normal;font-weight: 400;line-height: 42px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.icons-social .facebook:before {content: “f09a”;}.icons-social .twitter:before {content: “f099”;}.icons-social .gplus:before {content: “f0d5”;}.icons-social .linkedin:before {content: “f0e1”;}.icons-social .instagram:before {content: “f16d”;}.icons-social .pinterest:before {content: “f0d2”;}.about-widget-image {max-height: 260px;overflow:hidden;margin-bottom: 15px;}</style>

Change the to a higher identify details amongst your own.

Theme Option

  • Full Width CSS:

Add true to sum width, to render the boxed version only add together false.

Template Customization

Access your weblog Template > click Customize.

Installation And Custom Services

We render enough of templates for gratuitous but if y’all wish something unique for your weblog hence allow us practise a unique pattern for your blog, Just say us your needs as well as nosotros volition convert your dream pattern into reality. We besides Provide Blogger Template Installation Service. Our Installation service gives y’all a simple, quick as well as secure agency of getting your template setup without hassle.