### “Storyteller Blogger Template” Documentation by “VeeThemes”

Created: 6/12/2014
By: VeeThemes
veethemes@gmail.com

Thanks for Downloading this theme from us. We have tried to explain all the things in easy way which will help you in easy installation of this theme. Still if the things won't help you feel free to e-mail us via our contact page. Thanks Again :-)

If yoo have any queries template then please visit VeeThemes.com

Note : Premium and lifetime support only delivered to Full version buyers.

But this is only free version (Free Template Will Contain Non Removable Credits and limited features).

It is forbidden to remove the credit link, because elimination of the credit links will make your blog redirect to VeeThemes Official site.

For those who want to remove credit links can pay $ 10.00.

### What You get On buying this Theme?

1.Remove Footer credits

2.One time payment

3.For Unlimited Domains

4.Lifetime Premium Support

5.No Encrypted Scripts

6.Lifetime Template Updates

7.And Much More....

Buy now from VeeThemes.com

## Table of Contents

1. Installation
2. Add Social Links
3. Upload Logo
4. Setting up the menu
5. Enable Mobile Template
6. Enable Search Preference
7. Configuration Of Slider
8. Customizing Footer Menu
9. Customizing Author Profile Below Posts

###
1. Installation - top

Now you have Staar Blogger Template. You Can Follow This Steps To Upload Your Blogger Template To Blogger Platform. First Login to your Blogger DashBoard by Using Your Google Username And Password from Here.

Then follow these steps:

1. On Blogger Dashboard Click Template.

2. Click Backup/Restore button (Top Right).

3. Click Choose ( Browse..) File button. Find where the “Shoot-pics-Blogger-Template.xml” file location.

4. Then Click Upload.

Note: Before Uploading This Template Mobile Blogger Template Must Enable to make Blogger Customize Work

###
2. Add Social Links - top

You Can See that Header area have Social Icons Collection. To Edit Social Icon in this theme you can follow this step:

1. On Blogger Dashbord Click Template

2. Click Edit HTML and find the widget "Header2" from widget menu in HTML Editor

3. Scroll down and Find this Code :

4. To find it, press Ctrl+F then type footer-social-share and press enter you will find the below given code:

    <div class='bottom_share'>
        <a href='#'><i class='fa fa-facebook'/></a>
        <a href='#'><i class='fa fa-twitter'/></a>
        <a href='#'><i class='fa fa-google-plus'/></a>
        <a href='#'><i class='fa fa-dribbble'/></a>
        <a href='#'><i class='fa fa-instagram'/></a>
    </div>

4. Change Links inside href or # with yours Social URL link

###
3. Upload Logo- top

Access your blog Layout > click Edit link on Header widget

In Configure Header window, input you Blog Title and Blog Description. If you want to upload your image logo, make sure checked Instead of title and description, then click Choose File and locate your logo file. And click Save button to finish.

###
4. Setting up the menu - top

To Edit Main Menu in this theme you can follow this step:

1. On Blogger Dashbord Click Template
2. Click and open Edit HTML
3. Now open Widget Menu and find Html77
4. Expand the widget and then you will find the Navigation code

    <ul class='blog_menus'>
      <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
      <li><a href='/p/blog-page.html'>Portfolio</a></li>
      <li><a href='#'>Gallery</a></li>
      <li><a href='#'>Archive</a></li>
      <li><a href='#'>Blog</a></li>
      <li><a href='/p/blog-page.html'>About</a></li>
    <li><a href='#'>Contact</a></li>
    </ul>

5. Change the link inside href or # with yours URL link

###
5. Enable Mobile Template - top

After you apply mobile version for this template, Advance Editor will be disabled. This is official bug of Blogger. So, please make sure, you used Advance Editor to change all settings you want before do this step.

As default, Blogger will use its own template for you blog on mobile. So if you want to use Persona template on mobile devices, please enable it first.
Access your Template menu and click on Gear button of Mobile template.
In Choose mobile template window, check "No. Show desktop template on mobile devices." option, then click Save button.

###
6. Enable Search Preference - top

To improve your blog SEO, please enable Blogger Search Preferences. Access your Settings menu, choose Search preferences tab and click Edit link on Meta tags section
Next, check Yes option, then type your Blog Description into the text field and click Save changes.

###
7. Configuring The Background Slider - top

1. This slider is based on post labels.

2. The blog-post with labels Slider will be displayed as featured post in slider

3. Below is a screenshot how to display a post a featured posts.

4. To display a Post in slider add a label named "Featured" to the post. And it will be shown in featured post slider

###
8. Customizng The Author's Image - top

1. Open Html Editor and Scroll Down to the bottom of the page

2. Now Press Ctrl+F and type footer_social_icons

3. You will find the code like below:

    <div class='blog_author'>
    <div class='author_thumbnail' style='visibility: visible;'>
     <img alt='' class='img-circle' src='http://1.bp.blogspot.com/-UzkSBiqI288/VN8s5gboKdI/AAAAAAAABAo/iFSuwrrBWOk/s1600/groom.jpg'/>
    </div>
    <div class='detail'>
    <h2 class='name'>James Derulo&#39;s</h2>
    <span class='term'>Portfolio</span>
    </div>
    </div>

Now replace the links or # inside href with your social link urls.

For example to link your facebook official page to above code.

add http://www.facebook.com/username replacing the # in the following HTML code

<a href='#' target='_blank'><div class='social-facebook'><i class='fa fa-facebook'/></div></a>

###
9. Add authors profile below your posts - top

Open layout and follow the steps as shown in below images

When you are done, do not forget to save the settings.

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist.

Go To Table of Contents