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 :


Access your blog Theme > click Edit Html and then find the following coding.
<ul class="nav" id="menu-primary" itemscope="itemscope" itemtype="">
<li><a href="" itemprop="url"><span itemprop="name">Home</span></a></li>
<li><a href="#" itemprop="url"><span itemprop="name">Blog</span></a></li>
<li><a href="#" itemprop="url"><span itemprop="name">Posts</span></a></li>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Portfolio<i class="fa fa-caret-down"></i></a>
<ul class="dropdown-menu">
<li><a href="#" itemprop="url"><span itemprop="name">Full Width</span></a></li>
<li><a href="#" itemprop="url"><span itemprop="name">Right Sidebar</span></a></li>
<li><a href="#" itemprop="url"><span itemprop="name">Left Sidebar</span></a></li>
<li><a href="#" itemprop="url"><span itemprop="name">404 Page</span></a></li>
<li><a href="" itemprop="url"><span itemprop="name">Documentaion</span></a></li>
<li><a href="" itemprop="url"><span itemprop="name">Download</span></a></li>

Change the above details with your own.

Featured Slider

The Slider will work automatically with recent posts.
1. Your blog must be public

2. Your blog feed set to be full from settings

3. Your blog posts has at least one label.

Instagram Widget

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

Paste this Below code into it.
<div id='instafeed'/>
<script type='text/javascript'>//<![CDATA[
var feed = new Instafeed({
 get: 'user',
 userId: 3541708255,
accessToken: '3541708255.1677ed0.5e79fa74dcac4a52bea0ebba51eacb88',
template: '<li><a href="{{link}}" target="_blank"><img src="{{image}}" /><div class="insta-likes"><div style="display: table; vertical-align: middle; height: 100%; width: 100%;"><span style="display: table-cell; vertical-align: middle; height: 100%; width: 100%;">{{likes}} <i class="fa fa-heart"></i><br/>{{comments}} <i class="fa fa-comment"></i></span></div></div></a></li>',
 resolution: 'standard_resolution'
In above code you you will see a

accessToken: ‘3541708255.1677ed0.5e79fa74dcac4a52bea0ebba51eacb88′,

This – 3541708255.1677ed0.5e79fa74dcac4a52bea0ebba51eacb88 is a access token ID.

UserId: ‘3541708255′,

This – 3541708255 , The first part of access token is your id.

Now you need to create you new one and replace with this.

How to Create Instagram Access Token

1. you need access token for instagram widget to work

Go to this url->

Login Via your instagram Account and Generate access token in a single click.

2.  Once you get  access token just replace with this access token with in a your code.

Page navigation result

Access your blog theme> search for this below code.

change the value with your desired number of post.

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> <script> //<![CDATA[ // Facebook SDK undefinedfunctionundefinedd, s, id) { var js, fjs = d.getElementsByTagNameundefineds)[0]; if undefinedd.getElementByIdundefinedid)) return; js = d.createElementundefineds); = id; js.src = "//"; fjs.parentNode.insertBeforeundefinedjs, fjs); }undefineddocument, 'script', 'facebook-jssdk')); //]]> </script>

Sidebar Widgets

Access your  Template File > Widgets Codes.
Open the text file in Notepad > Copy The entire code.
Paste it into the blank HTML/JAVASCRIPT Widget available in your sidebar.

Page Markups and typography

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

Only Premium Buyers will get the widget codes available in the demo.
If you have any problem while setting up the template please comment your problem by going to this link (Comment Form).

Follow @templatesyard