### Technext Magazine Blogger Template” Documentation by “Odd Themes” v1.0

#

Created: 17/04/2016
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 Top Menu
5. Like and Follow buttons on top
6. Setting Share icons on top right
7. Top Ad Banner
8. Setting up the Main Menu
9. Set up the top Slider
10. Set up post grid on right side of top Slider
11. Set up Posts Widgets on Homepage
12. Latest Posts on sidebar
13. Categories on sidebar
14. Website Main Color Change
15. Footer Ad Banner
16. Credits To

###
1. Installation - top

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.

###
2. Upload Logo- top

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.

###
3. Configure Blog- top

Access your blog Layout > click Edit link on Blog widget

Select and choose the options given in the image above.

###
4. Setting up the Top Menu - top

Top Menu is the menu on Top Left corner above the LOGO.
To Edit Top Menu in this theme you can follow these steps:

1. On Blogger Dashbord Goto Layout
2. Edit Pages Top HTML widget as shown below
Check out the video:

###
3. Like and Follow buttons on top- top

Access your blog Layout > click Edit link on top-share-buttons widget

Enter the following code in the content area of Top-share-buttons widget:

    <div class="fb-like" data-href="https://facebook.com/oddthemes" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
    <a href="https://twitter.com/oddthemes" class="twitter-follow-button" data-show-count="false"></a>

Then change the links of Facebook and Twitter.

###
5. Setting Share icons on top right- top

Access your blog Layout > click Edit link on top-social-icons widget
Enter the following code in the content area of top-social-icons widget:

    <a class='social-fa' href='http://facebook.com/oddthemes' target='_blank'><i class='fa fa-facebook'/></i></a>
    <a class='social-tw' href='http://twitter.com/oddthemes' target='_blank'><i class='fa fa-twitter'/></i></a>
    <a class='social-in' href='http://instagram.com/#' target='_blank'><i class='fa fa-instagram'/></i></a>
    <a class='social-pi' href='http://pinterest.com/oddthemes' target='_blank'><i class='fa fa-pinterest'/></i></a>
    <a class='social-yo' href='#' target='_blank'><i class='fa fa-rss'/></i></a>

Then change the links of Facebook and Twitter, etc.

###
6. Top Ad Banner- top

Access your blog Layout > click Edit link on Header 2widget

Just enter your ad code there in the content area.

###
7. Setting up the Main Menu - top

There are two MENU's in this template, One at the top left and other one is the Main Menu which is in center just below the LOGO.
To Edit Main Menu in this theme you can follow these steps:

1. On Blogger Dashbord Goto Layout
2. Edit Main Menu Bar HTML widget as shown below
3. Add the below Code in the content area:

       <ul class='topmenu1' id='masthead'>
         <li><a href='#'>Home</a></li>
         <li><a href='#'>Download</a>
         </li>
         <li><a href='#'>Social</a>
         </li>
         <li><a href='#'>Features</a>
           <ul>
             <li><a href='#'>Music</a></li>
             <li><a href='#'>Group</a></li>
             <li><a href='#'>Sub Menu 3</a>
                 <ul>
                   <li><a href='#'>Music</a></li>
                   <li><a href='#'>Group</a></li>
                   <li><a href='#'>Sub Menu 3</a></li>
                   <li><a href='#'>Sub Menu 4</a></li>
                 </ul>
             </li>

             <li><a href='#'>Sub Menu 4</a></li>
           </ul>
         </li>
         <li><a href='#'>Entertainment</a></li>
         <li><a href='#'>Travelling</a></li>
         <li><a href='#'>Contact</a></li>
       </ul>

4. Change # with yours URL link and text with your text.

###
8. Setting up the Top Slider- top

Access your blog Layout > click Edit link on Looped Slider widget

You can enter the Label of the posts in the content area so that the posts of that Label gets to be shown in the Top Slider.
Now enter single label as shown in the below image. Make sure you have entered the label correctly as Labels are case-sensitive.

###
9. Set up post grid on right side of top Slider- top

Access your blog Layout > click Edit link on BoxSlider widget

You can enter the Label of the posts in the content area so that the posts of that Label gets to be shown in the Grids.
Now enter single label as shown in the below image. Make sure you have entered the label correctly as Labels are case-sensitive.

###
10. Set up Posts Widgets on Homepage- top

Access your blog Layout > click Edit link on Boxwidget

You can enter the Label of the posts in the content area so that the posts of that Label gets to be shown in the Posts Section.
Now enter single label as shown in the below image. Make sure you have entered the label correctly as Labels are case-sensitive.
Auto News on Sidebar
Do same as above.

###
11. Latest posts on sidebar- top

Access your blog Layout > click Edit link on Sidebar widget

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

###
12. Categories on sidebar- top

Access your blog Layout > click Edit link on Sidebar widget

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

###
13. Website Main Color Change- top

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

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

###
14. Footer Ad Banner- top

Access your blog Layout > click Edit as shown in below Image:

Then add your ad banner code in the content area.

Now you are good to go.

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