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

    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.



  3. Setting up the Top Menu - top

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


      3. Check out the video:


    3. Like and Follow buttons on top- top

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

  4. Setting Share icons on top right- top

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

  5. Top Ad Banner- top

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


    Just enter your ad code there in the content area.

    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.

  6. Setting up the Top Slider- top

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

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

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

  8. Set up Posts Widgets on Homepage- top

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

  9. Latest posts on sidebar- top

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

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

  10. Categories on sidebar- top

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

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

  11. Website Main Color Change- top

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

  12. Footer Ad Banner- top

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

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