Lifestyle 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. Configure Blog
  4. Setting up the menu
  5. About the author
  6. Latest Posts on sidebar
  7. Categories on sidebar
  8. Instagram on footer
  9. Website Infinite Colors
  10. Footer Social Icons
  11. Credits To

  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.

  2. Configure Blog- top

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

    Select and choose the options given in the image above.



    SET DATE ON POST from here:

    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 :

      <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>
    4. Change # with yours URL link and text with your text.

  3. About the author- top

    4. 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 and text with your author text.. And click Save button to finish.
    <img src="https://3.bp.blogspot.com/-PPLWb147m8I/Vfa8EnefwZI/AAAAAAAADOc/PoNT2gBPn_s/s320/kinky.jpg"/>
<div class="author-text">Full time web designer, dedicated to work, friendly in nature. Get in touch with the email id's mentioned. ;)</div>

  4. Latest posts 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. Categories on sidebar- top

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

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

  6. Instagram on footer- top

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



    1. Go to Blogger Dashboard > Layout > Instagram widget > click on edit button > Edit Html
    2. Now copy the below mention code and paste into widget. 
    <div id='instafeed'/></div>


<script type='text/javascript'>//<![CDATA[
var feed = new Instafeed({
 get: 'user',
 userId: 1553982550,
  limit:16,
  sortBy:'random',
accessToken: '1553982550.1677ed0.c4f6385f8dd740fd83c34ba9fa17e554',
template: '<li><a href="{{link}}" target="_blank"><img src="{{image}}" /><div class="instaover"><div style="display: table; vertical-align: middle; height: 100%; width: 100%;"><span style="display: table-cell; vertical-align: middle; height: 100%; width: 100%;"><i class="fa fa-search"></i></span></div></div></a></li>',
 resolution: 'standard_resolution'
 });
 feed.run();
//]]></script>
    Generate your Instagram Access token by clicking on button from http://instagram.pixelunion.net/

    Now enter the access token here in Layout: ALSO CHANGE THE USERID with yours to show your INSTAGRAM PHOTOS.

  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. Footer Social Icons- top

    9. Access your blog Template > click Edit HTML and search for this code:

    <div class='social-container'>

<ul class='social text-center'>
<li class='updown-wrap'><a class='updown-inner collections-icon-twitter hint--top  hint--bounce' data-hint='Twitter' href='#' target='_blank'><i class='fa fa-twitter'/></a></li>

<li class='updown-wrap'><a class='updown-inner collections-icon-google-plus hint--top  hint--bounce' data-hint='GooglePlus' href='#' target='_blank'><i class='fa fa-google-plus'/></a></li>

<li class='updown-wrap'><a class='updown-inner collections-icon-facebook hint--top  hint--bounce' data-hint='Facebook' href='#' target='_blank'><i class='fa fa-facebook'/></a></li>

<li class='updown-wrap'><a class='updown-inner collections-icon-dribbble hint--top  hint--bounce' data-hint='Dribbble' href='#' target='_blank'><i class='fa fa-dribbble'/></a></li>

<li class='updown-wrap'><a class='updown-inner collections-icon-pinterest hint--top  hint--bounce' data-hint='Pinterest' href='#' target='_blank'><i class='fa fa-pinterest'/></a></li>

<li class='updown-wrap'><a class='updown-inner collections-icon-instagram hint--top  hint--bounce' data-hint='Instagram' href='#' target='_blank'><i class='fa fa-instagram'/></a></li>

<li class='updown-wrap'><a class='updown-inner collections-icon-flickr hint--top  hint--bounce' data-hint='Flickr' href='#' target='_blank'><i class='fa fa-flickr'/></a></li>

<li class='updown-wrap'><a class='updown-inner collections-icon-tumblr hint--top  hint--bounce' data-hint='Tumblr' href='#' target='_blank'><i class='fa fa-tumblr'/></a></li>

<li class='updown-wrap'><a class='updown-inner collections-icon-github hint--top  hint--bounce' data-hint='Github' href='#' target='_blank'><i class='fa fa-github'/></a></li>

<li class='updown-wrap'><a class='updown-inner collections-icon-linkedin hint--top  hint--bounce' data-hint='LinkedIn' href='#' target='_blank'><i class='fa fa-linkedin'/></a></li>

<li class='updown-wrap'><a class='updown-inner collections-icon-vimeo hint--top  hint--bounce' data-hint='Vimeo' href='#' target='_blank'><i class='fa fa-vimeo-square'/></a></li>

<li class='updown-wrap'><a class='updown-inner collections-icon-youtube hint--top  hint--bounce' data-hint='Youtube' href='#' target='_blank'><i class='fa fa-youtube-play'/></a></li>

</ul>

</div>
    Just change the hyperlink href="#" to your social media link.


    Now you are good to go.

  9. 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