Charm 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

  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 :

      <!-- Navigation Bar here  --> 


<nav id='menunav'> 
<div class='wrappu'> 
        <ul class='slimmenu' id='navigation'> 
            <li><a href='#'>Home</a></li> 
            <li><a href='#work'>Download</a></li> 
            <li><a href='#services'>Premium Version</a></li> 
             
            <li><a href='#blog'>Custom Theme</a></li> 
             
            <li> 
                <a href='#'>Contact</a> 
                <ul> 
                    <li><a href='#'>download templates</a></li> 
                    <li><a href='#'>Link 2</a></li>
                    <li><a href='#'>Link 3</a></li>
                </ul> 
           </li> 
        </ul>
    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://3.bp.blogspot.com/-WvDG0syqDD8/VPxRAkp0Q7I/AAAAAAAACGU/LUcq6elHNC4/s1600/20120325_seoulbeats_snsd_tiffany-3.jpg"/></div>Photo booth anim 8-bit hella, PBR 3 wolf moon beard Helvetica. Salvia esse nihil, flexitarian Truffaut synth art party deep v chillwave.<div class="socialicons"> 
<a href="#"><i class="fa fa-facebook"></i></a> 
<a href="#"><i class="fa fa-twitter"></i></a> 
<a href="#"><i class="fa fa-google-plus"></i></a> 
<a href="#"><i class="fa fa-pinterest"></i></a> 
<a href="#"><i class="fa fa-youtube"></i></a> 
<a href="#"><i class="fa fa-instagram"></i></a> 
</div>

  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. 3 column Footer widgets - top To edit the below widget on the website you must... Goto layout click on edit and paste the text as shown below: To edit the below widget on the website you must... Goto layout click on edit and paste the text as shown below: The code of flickr is: 
    <div class="flickr_plugin">  
<script src="http://www.flickr.com/badge_code_v2.gne?count=8&display=latest&size=s&layout=x&source=user&user=52617155@N08" type="text/javascript">  
</script>  
</div>
    Just change your flickr id.

    Third one is just a HTML widget for About.

  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.

    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