Header Ads

Documentation of FB Newsroom Blogger Template

How to install this template (If the Automatic Upload Method Won't Work)

When you are ready to install a theme, you must first upload the theme file. The theme file can be uploaded in one way :

  • Copy And Paste : Go to your dashboard > Template > Template HTML. By open your template by Notepad and copy the entire text and paste it into Template in your dashboard.

Click on "Edit HTML"

And open .xml file by Notepad and select all "Ctrl+A", and copy entire text and paste it here :

Main Menu/DropDown

Access your blog Layout > click Edit link on Main Menu widget.

Normal Link : Features
Sub Link: _Simple Page (One Underscore "_")
Sub Link: __Simple Page (two Underscores "__")

Featured Slider

Access your blog Layout > click Add a Gadget > HTML/JavaScript on Featured Posts Section, and then 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>

Email Newsletter and Social Widget

Access your blog Layout > click Edit link on Instagram Widget.

Paste this Below code into it.
<div id='Templatesyard-sbox-v2'>
                 <p>Get All The Latest Updates Delivered Straight Into Your Inbox For Free!</p>
   <div class='rssform'>
            <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=Way2themes&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
            <input name='email' placeholder='Enter your email address...' type='text' vk_15737='subscribed'/>
            <input name='uri' type='hidden' value='Way2themes'/>
            <input name='loc' type='hidden' value='en_US'/>
            <input class='button' type='submit' value='Subscribe'/>


<div class='aboutme-wrpicon'>
<ul class='extender'>
<li class='aboutme-icon'><a href='#' rel='nofollow' target='_blank' title='Facebook'><i class='fa fa-facebook'/></a></li>
<li class='aboutme-icon'><a href='#' rel='nofollow' target='_blank' title='Twitter'><i class='fa fa-twitter'/></a></li>
<li class='aboutme-icon'><a href='#' rel='nofollow' target='_blank' title='GitHub'><i class='fa fa-github'/></a></li>
<li class='aboutme-icon'><a href='#' rel='nofollow' target='_blank' title='Google+'><i class='fa fa-google-plus'/></a></li>
<li class='aboutme-icon'><a href='#' rel='nofollow' target='_blank' title='Pinterest'><i class='fa fa-pinterest-p'/></a></li>
<li class='aboutme-icon'><a href='#' rel='nofollow' target='_blank' title='Instagram'><i class='fa fa-instagram'/></a></li>
<li class='aboutme-icon'><a href='#' rel='nofollow' target='_blank' title='Linkedin'><i class='fa fa-linkedin'/></a></li>
In above code change highlighted text with your text and feed user name

Footer Navigation

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

Custom Widgets

Access your blog Layout > click Add a Gadget > HTML/JavaScript on Sidebar or Footer section, you must place the following codes highlighted in blue below.

  • Recent Posts<span class="recentposts" data-no="4"></span>

  • Widget Post Label<span class="labelpost" data-label="Sports" data-no="4"></span>

  • Recent Comments<span class="recentcomments" data-no="4"></span>

After add, click save.

Comments System

Access your blog Layout > click Edit link on Comments System widget.
Add one of the following provisions
  • [blogger] for blogger comments
  • [facebook] for facebook comments
  • [disqus] for disqus comments

you can add one system, two or three as you like and with arrangement you want for example

Disqus Shortname

Access your blog Layout > click Edit link on Disqus Shortname widget.
What you have to do is just add the shortname

Page navigation result

Access your blog theme> search for this below code.

var postperpage= 6;
change the value with your desired number of post.

Facebook Page Plugin:

<center><div class="fb-page" data-href="https://www.facebook.com/way2themes/" data-width="360" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div></center>

Template Customization

Access your blog Template > click Customize.

Page Markups and typography

Visit this below link to setup your page typography like this template.
Typography & Page Markups

Back To Top