Version: 1.0 | Dated: 14 July 2015

Thank you for Downloading my template. Please Read the documentation carefully, If you still have any problem contact me at http://www.bthemez.com. Thanks so much

Follow the steps below to get started with your Site Template:

1. Backup & Uploading
  1. Unzip the Template.zip file.
  2. On Blogger Dashboard Click Template.
  3. Click on Download Full Template to keep your old template.
  4. Click Browse... button. Find where the “Memento-premium.xml” file location.
  5. Then Click Upload.
  6. Edit mobile Preveiw. (follow images).

Blogger Setting

After installing the theme, there are minimun settings to make all widgets work fine in this template.

2. Blog Feed
  1. On Blogger Dashboard Click Settings.
  2. Click Other.
  3. In Site Feed > Allow Blog Feed Choose Full.
  4. Then Click Save settings.

Setting Up Meta Tags

For SEO Purpose, Meta Tags are very important for your site. Search robots use this tags to index better and display better on search result.

If you don't know what these tags are and how you can use it in theme. Just follow this simple guide, we recommend you to use free online tool like Jetseotools.com to generate your Meta tags.

  1. It's very simple, all you have to do is visit the link above and fill all the necessary details that describes your site and what keyword you want.
  2. Click Generate Meta tags.
  3. Copy all generated code & paste in your template head section. we have leave the space for that.
  4. Then Click Save Template.


Social Setting

This is optional setting but we would recommend it to enable these features in your blog, to make it more social friendly.

 <!-- Social Media meta tag need customer customization -->
    <meta content='Facebook App ID here' property='fb:app_id'/> 
    <meta content='Facebook Admin ID here' property='fb:admins'/> 
    <meta content='@username' name='twitter:site'/>
    <meta content='@username' name='twitter:creator'/>
To get the FAcebook App ID: Follow the guide here 
https://support.appmachine.com/hc/en-us/articles/203645706-Create-a-Facebook-App-ID-App-Secret
 To get the FAcebook Admin ID: Follow the guide here 
http://findmyfacebookid.com/

Setting Main Blog Part

  1. On Blogger Dashboard Click Layout.
  2. Click Edit on Blog Posts Widget.
  3. Change it to look like that image.
  4. Click Save.

Adding Navigation Menu

  1. On Blogger Dashboard Click Layout.
  2. Click Edit on Menu Widget.
  3. Change it according to your needs. Add name of the link and link url then click add Link
  4. Click Save.

  5. To Add submenu Item. You have to add "_"(underscore without quotes) before Menu item Link
  6. Change the location of menu item using arrow down and arrow up Icon
  7. For More Information- Watch Video Below

How to change header social links

  1. On Blogger Dashboard Click Template.
  2. Press Ctrl+F or Command +f
  3. Then Search for 
    <div id='top-social'>

you'll see code something like this : 

<div id='top-social'>

    <a href='http://facebook.com/bthemez' target='_blank'><i class='fa fa-facebook' /></a>
    <a href='http://twitter.com/bthemez' target='_blank'><i class='fa fa-twitter' /></a>
    <a href='http://instagram.com/bthemez' target='_blank'><i class='fa fa-instagram' /></a>
    <a href='http://pinterest.com/bthemez' target='_blank'><i class='fa fa-pinterest' /></a>
    <a href='http://bloglovin.com/bthemez' target='_blank'><i class='fa fa-heart' /></a>
    <a href='http://plus.google.com/bthemezsite' target='_blank'><i class='fa fa-google-plus' /></a>
</div>

Just change the href part of link according to your need.

Adding Featured Slider

  1. On Blogger Dashboard Click Layout.
  2. Click Add a Gadget.
  3. Choose HTML/Javascript.

    4. All you have to do is just add the "featured" (Without quotes ) in featured slider widget and you must have label of named featured for the post you want to show in slider.Please follow the screenshots below:

Step 1: Click on Edit

Step 2: Add The word Featured in Widget

Step 3: Add The label in your post named "featured"

Adding Author Widget

  1. On Blogger Dashboard Click Layout.
  2. Click Edit on Author Profile Widget.
  3. Add the Following Code & the text and links according to your need.
  4. Click Save.
  5. Delete the whole 
    <li></li>
    item of social links if you don't want them.
<div class="post-thumb clearfix">
    <div class="featured-thumbnail thumbnail large">
        <div class="hider-page" style="display: none;"></div>
        <a class="image-wrap image-popup-no-margins" href="http://3.bp.blogspot.com/-3cJ3ohL992U/VEEKvsr7gQI/AAAAAAAABRo/7qs6ukK76Y4/s1600/16450962391.jpg" data-rel="Photo">
            <img src="http://2.bp.blogspot.com/-45fLqzBRZQc/VZUvvDFyK7I/AAAAAAAACSU/pVFMxk7MjqM/s1600/bigstock-Sexy-couple-and-old-car-64418191-1228x691.jpg" alt="photo">
            <span class="zoom-icon"></span>
        </a>
    </div>

</div>
<p>Hi, I am the author Elegance Blog.This blog is to provide you with daily outfit ideas and share my personal style.</p>


<div class="author-social">
<a href="http://facebook.com/solopinedesigns" target="_blank"><i class="fa fa-facebook"></i></a>
<a href="http://twitter.com/solopinedesigns" target="_blank"><i class="fa fa-twitter"></i></a>
<a href="http://instagram.com/solopine" target="_blank"><i class="fa fa-instagram"></i></a>
<a href="http://pinterest.com/solopinedesigns" target="_blank"><i class="fa fa-pinterest"></i></a>
<a href="http://bloglovin.com/#" target="_blank"><i class="fa fa-heart"></i></a>
<a href="http://plus.google.com/#" target="_blank"><i class="fa fa-google-plus"></i></a>
<a href="#" target="_blank"><i class="fa fa-rss"></i></a>
</div>

Adding Follow me widget

  1. On Blogger Dashboard Click Layout.
  2. Click Edit on Follow Me Widget.
  3. Add the Following Code & the text and links according to your need.
  4. Click Save.
  5. Delete the whole 
    <li></li>
    item of social links if you don't want them.
<div class="top-social">
    <ul class="soc-icons-header">
        <li>
            <a href="http://twitter.com/bthemez" target="_blank"><i class="fa fa-twitter"></i>
</a>
        </li>
        <li>
            <a href="http://facebook.com/bthemez" target="_blank"><i class="fa fa-facebook"></i>
</a>
        </li>
        <li>
            <a href="http://www.instagram.com/bthemez" target="_blank"><i class="fa fa-instagram"></i>
</a>
        </li>
        <li>
            <a href="http://www.youtube.com/bthemez" target="_blank"><i class="fa fa-play"></i>
</a>
        </li>
        <li>
            <a href="http://pinterest.com/bthemez" target="_blank"><i class="fa fa-pinterest"></i>
</a>
        </li>
        <li>
            <a href="http://plus.google.com/+bthemezsite" target="_blank"><i class="fa fa-google-plus"></i>
</a>
        </li>
    </ul>
</div>

Just Replace the href part from the url with yours.

Adding Instagram widget

  1. On Blogger Dashboard Click Layout.
  2. Click Edit on instagram shots Widget.
  3. Add the Following Code in widget
  4. <ul class="instagram-lite clear"></ul>
  5. Click Save.

Change Instagram setting with your instagram account

To Display your instagram images you have to change some setting.

  1. Just Go to template section and go to very last in the template. you'll see code something like this. 
  2. $('.instagram-lite').instagramLite({
    clientID: '43568de1eb8c4a74a9a1aca8db3f172e',
    username: 'kinfolk',
  urls:true,
  limit:5
});
Client Id Follow this guide: http://help.dimsemenov.com/kb/wordpress-royalslider-faq/wp-how-to-get-instagram-client-id-and-client-secret-key
Replace Client ID Get the generated client id then replace it with mine.If you having problem then leave the default client ID
Replace Instagram Username At last replace the username with your instagram username

Adding Pinterest widget

  1. On Blogger Dashboard Click Layout.
  2. Click Edit on Pinterest Widget.
  3. Add the Following Code in widget
  4. <p style='text-align:center'><a href='http://www.pinterest.com/bthemez' target='_blank'>Follow @Bthemez</a>
    <div id='pinterest-gallery'></div>
    <script>
        var thumbnailCount = 6;
        var username = 'bthemez';
    </script>
</p>
  5. Click Save.
Thumbnail Count Add any number you want pins to show
username Change bthemez with your pinterest username

Adding Facebook widget

  1. On Blogger Dashboard Click Layout.
  2. Click Edit on like us Widget.
  3. Then go to this link https://developers.facebook.com/docs/plugins/page-plugin
  4. And Add all the details
Facebook Page Url Add Your FB Url in box
Width 300

Click on Get code and just add the 2 part of code in widget section. Do not add first part of the code.

Changing Footer social Links

  1. On Blogger Dashboard Click Template.
  2. Press Ctrl+F or Command +f
  3. Then Search for 
    <div class='social'>

Change the links according to your need

Jet SEO Tools

The collection of free SEO tools for website, you can generate meta description and meta keywords from these free tools and integrate in your template. - Click Here To Use These Tools