Vibe Personal Blogger Template” Documentation by “Odd Themes” v1.0

Created: 23/06/2014
By: Odd Themes
Email: oddthemes@gmail.com Website: www.OddThemes.com

Thank you for purchasing our template. If you have any questions that are beyond the scope of this help file, please feel free to email via our user page contact form here. Thanks so much!

Table of Contents

  1. Installation
  2. Upload Logo
  3. Setting up the menu
  4. About the author
  5. Latest Posts on sidebar
  6. Categories on sidebar
  7. Instagram on sidebar
  8. 3 Column Footer Widgets
  9. Website Infinite Colors
  10. About Author
  11. Credits To
  12. Background Images Change
  13. Social Icons Top
  14. Slider

  1. Installation - top

    2. You Follow These Steps To Upload Your Blogger Template To Blogger Platform. First Login to your Blogger DashBoard by Using Your Google Username And Password.

    Then follow these steps:

    1. On Blogger Dashboard Click Template.

    2. Click on Customize Mobile Template on right side, now check the radio button for NO.

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

    4. Click on Choose File ( Browse..) button. Find the “template.xml” file location.

    5. Then Click Upload.

    Access your blog Layout > click Edit link on Header widget

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

    To Edit Menu in this theme you can follow these steps:

    1. On Blogger Dashbord Click Template
    2. Click Edit HTML
    3. Scroll down and Find this Code :

      <nav class='nav-collapse' id='navtop'> 
<ul class='topmenu1' id='masthead'> 
  <li><a href='#'>Home</a></li> 
  <li><a href='#'>Download</a> 
    <ul> 
      <li><a href='#'>Premium Version</a></li> 
      <li><a href='#'>Free Version</a></li> 
      <li><a href='#'>Downloadable</a></li> 
      <li><a href='#'>Link Url</a> 
        <ul> 
          <li><a href='#'>Example Menu</a>
          </li> 
          <li><a href='#'>Example Menu 1</a></li>
        </ul> 
      </li> 
    </ul> 
  </li> 
  <li><a href='#'>Social</a> 
    <ul> 
      <li><a href='#'>Facebook</a></li> 
      <li><a href='#'>Twitter</a></li> 
      <li><a href='#'>Googleplus</a></li> 
    </ul> 
  </li> 
  <li><a href='#'>Features</a> 
    <ul> 
      <li class='dir'><a href='#'>Lifestyle</a></li> 
      <li class='dir'><a href='#'>Sports Group</a> 
        <ul> 
          <li><a href='#'>Category 1</a></li>
          <li><a href='#'>Category 2</a></li>
          <li><a href='#'>Category 3</a></li>
          <li><a href='#'>Category 4</a></li>
          <li><a href='#'>Category 5</a></li>
        </ul> 
      </li> 
      <li><a href='#'>Sub Menu 3</a></li>
      <li><a href='#'>Sub Menu 4</a></li>
    </ul> 
  </li> 
  <li><a href='#'>Entertainment</a></li> 
  <li><a href='#'>Travel</a></li> 
  <li><a href='#'>Contact Us</a></li> 
</ul> 
</nav>
    4. Change # with yours URL link and text with your text.

  2. About the author- top

    3. Access your blog Layout > click Edit link on Sidebar widget

    In Configure window, input your Title and in content area just write the following code and replace the image by your image url. Also your social links with your social links url.. And click Save button to finish.
    <div class="authorbox"><img src="http://1.bp.blogspot.com/-5KQfzLVc5mo/VTVYA1uuhKI/AAAAAAAACXw/ADwY2Bbfye0/s1600/81749_Avril-Lavigne-Beautiful-Blonde-Singer-Cute-Girl-HD-Wallpaper_1600x1000.jpg"/></div>Hello there, I am the author of this blog, I am keen learner and loves to do amazing stuffs. I love blogging soo much that I can't resist to make a post daily.

  3. Latest posts on sidebar- top

    4. Access your blog Layout > click Edit link on Sidebar widget

    In Configure window, input your Title and follow the image below:

  4. Categories on sidebar- top

    5. Access your blog Layout > click Edit link on Sidebar widget

    In Configure window, input your Title and follow the image below:

  5. Instagram on sidebar- top

    6. Access your blog Layout > click Edit link on Sidebar widget

    In Configure window, input your Title and make your instagram widget from www.Snapwidget.com as shown in below image:

  6. Footer Instagram widget - top To edit the above widget on the website you must... Goto layout click on edit and paste the text as shown below: Goto Snapwidget.com and fill up all the fields required and generate the code and paste that code in the layout section in the blogger.

  7. Website Infinite Main Color- top

    8. Access your blog Template > click Customize as shown in below Image:

    Then goto ADVANCED and select any color you want for the whole website.

  8. About Author on Posts Page- top

    9. Access your blog Template

    Then search for the Hello we are oddthemes and change it to something of yours.

  9. Background Image Change - top

    10. To edit Author Box:

    Go To Blogger >> Edit HTML and find the below code in the template which is at the extreme bottom : 

    <script> 
$.backstretch([ 
       &quot;http://3.bp.blogspot.com/-7X4fx0xnVlM/VTC4nH_BSqI/AAAAAAAACWg/IlP89CBU_tQ/s1600/nomad-1400x1019.jpg&quot; 
    , &quot;http://4.bp.blogspot.com/-9Rm2JtY9RdQ/VTC_-tWxWMI/AAAAAAAACW4/Xrd6qT9-o0E/s1600/heart-700141_1280.jpg&quot; 
  ], {duration: 3000, fade: 750});
  </script>

    Change image urls to change the background image in the website.

  10. Social Icons Top - top

    11. Search the below code in the template and edit it according to the social media urls and icons.

    <div id='top-social'> 
                 
<a href='http://facebook.com/oddthemes' target='_blank'><i class='fa fa-facebook'/></a> 
<a href='http://twitter.com/oddthemes' target='_blank'><i class='fa fa-twitter'/></a> 
<a href='http://instagram.com/#' target='_blank'><i class='fa fa-instagram'/></a> 
<a href='http://pinterest.com/oddthemes' target='_blank'><i class='fa fa-pinterest'/></a> 
<a href='http://bloglovin.com/#' target='_blank'><i class='fa fa-heart'/></a>                                                                                                                <a href='#' target='_blank'><i class='fa fa-rss'/></a>                 
            </div>

  11. Slider - top

    12. The good news is you don't need to do anything in the slider, it automatically works.

  12. Post Carousel - top

    13. Just add 5 or more than 5 images in the post and the Post Carousel automatically gets displayed.

  13. Post Gallery - top

    14. Just add more than 2 and less than or equal to 4 images in the post and the Post Carousel automatically gets displayed.

    Now you are good to go.

  14. Credits To - top
    Special credits: God [ For Giving Me Strength ]

     

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

    Ceyron Louis At OddThemes.com

    Go To Table of Contents