BrandX Responsive Blogger Templates | Templatezy

BrandX Responsive Blogger Template

Table Of The Contents!

↟
1: Installation
  1. Unzip the Template.zip file.
  2. On Blogger Dashboard Click Template.
  3. Click on Backup / Restore.
  4. Click on Download Full Template to keep your old template.
  5. Click Browse button. Find where the .xml file located.
  6. Then Select .XML file
  7. Then Click Upload.
  8. Edit mobile Preveiw. (follow images).

2: Mobile Responsive
  1. On Blogger Dashboard Click Template.
  2. Click On Icon.
  3. Click Other.
  4. Check No and Save it
  5. Note:This setting is important to show responsiveness on PC, Mobile etc.


3: Blog Feed
  1. On Blogger Dashboard Click Settings.
  2. Click Other.
  3. In Site Feed > Allow Blog Feed Choose Full.
  4. Then Click Save settings.


  1. On Blogger Dashboard Click Template.
  2. Click On Search Prefrences Click On Edit
  3. Check YesOption
  4. Write Description Of Blog
  5. Note:Write Upto 150 characters Descripiton about your site


5: Time Stamp Show on Homepage
  1. On Blogger Dashboard Click Language and Formatting.
  2. Click On Timestamp Format and select dd/mm/year
  3. Finally click on Save

6: Background Top Image Change
  1. On Blogger Dashbord Click Template.
  2. Click Edit HTML.
  3. Click Ctrl + F and Search for the this Code: <!--Change Background Image-->


    4. .tv { background-attachment: fixed; background-image: url('http://2.bp.blogspot.com/-JBkzpiZnXgs/U5sVmGtOffI/AAAAAAAAAd4/6IjWmogLWTg/s1600/slide-01.jpg'); background-position: center top; background-size: cover; height: 600px; }
  4. Change http://2.bp.blogspot.com/-JBkzpiZnXgs/U5sVmGtOffI/AAAAAAAAAd4/6IjWmogLWTg/s1600/slide-01.jpg with your desire image UrlThen Save it
7: Show Posts on HomePage
  1. To Show 10 Posts on HomePage.
  2. On Blogger Dashboard Click Settings.
  3. Click Basic.
  4. Click Post and Comments
  5. Then Click Save settings.

    6. Feed
8: Add News Letter widget in Footer
  1. To Show News Letter Widget at Footer Area.
  2. On Blogger Dashboard Click Layout.
  3. Click on Follow by Email (edit).
  4. THen Pop window will appear click on Save

    5. Feed
  1. To Setup The Top Category Navigation Follow These Steps
  2. On Blogger Dashbord Click Template.
  3. Click Edit HTML.
  4. Click Ctrl + F and Search for the this Code: <!--Top Category Navigation-->
    5. <!--Top Category Navigation-->
    <div class='menu-secondary-container'>
    <ul class='menus menu-secondary'>

    <li><a href='#'>Window</a></li>
    <li><a href='#'>Photos</a></li>
    <li><a href='#'>Html5</a></li>
    <li><a href='#'>Css3</a></li>
    <li><a href='#'>Jquery</a></li>
    <li><a href='#'>Design</a></li>
    <li><a href='#'>Loop</a></li>
    <li><a href='#'>Insipre</a></li>
    <li><a href='#'>Google</a></li>
    <li><a href='#'>Mokup</a></li>
    <li><a href='#'>Themes</a></li>
    <li><a href='#'>Template</a></li>
    <li><a href='#'>Awesome</a></li>
    <li><a href='#'>Breaking</a></li>
    </ul>
    </div>
    <div id='nav-trigger'>
    <span class='categories'>Categories <i class='fa fa-chevron-down'/>
    </span>
    </div>
    <nav id='nav-mobile'/>
  5. Replace # with your social labels or page links.
  6. Finally click on Save template.
  1. To Setup The Top Right Navigation Follow These Steps
  2. On Blogger Dashbord Click Template.
  3. Click Edit HTML.
  4. Click Ctrl + F and Search for the this Code: <!--Top Right Navigation-->
    5. <!-- Top Right Navigation -->
    <div id='cssmenu'>
    <ul>
       <li class='active has-sub'>
      <span class='submenu-button'/>
    <span class='activer'>  <i class='fa fa-align-justify'/>
       <i class='fa fa-chevron-right'/></span>
    <ul>
    <li style='margin: auto; padding: 0px; background: transparent none repeat scroll 0% 0%; height: 13px;'><a href='#' style='height: 1px; background: transparent none repeat scroll 0% 0%;'/></li>

    <li><a href='#'>Product 1</a></li>
    <li><a href='#'>Product 2</a></li>
    <li><a href='#'>Product 3</a></li>
    <li><a href='#'>Product 4</a></li>
    <li><a href='#'>Product 5</a></li>
    <li><a href='#'>Product 6</a></li>
    <li><a href='#'>Product 7</a></li>
    <li><a href='#'>Product 8</a></li>
    </ul>
    </li>
    </ul>
    </div>
    <!-- Top Right Navigation -->
  5. Replace # with your social labels or page links.
  6. Finally click on Save template.
11: Author Bio
  1. To Setup The Author Bio Showing Below Every Post Follow These Steps
  2. On Blogger Dashbord Click Template.
  3. Click Edit HTML.
  4. Click Ctrl + F and Search for the this Code: <!-- Author Bio -->
    5. <!-- Author Bio -->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='postedby'>

    <div class='author-image'>
    <a href='http://www.templatezy.com' rel='nofollow' target='_blank'><img class='imgautor' src='http://1.bp.blogspot.com/-szrHwWDJkfk/VGj_bKFhiKI/AAAAAAAAD6c/EleQJHuWRjo/s1600/templatezy4.jpg'/></a></div>

    <h2>About  <span class='templatezy'><data:post.author/></span></h2>
      <p>Hi, My Name is Hafeez Ullah Khan. I am a webdesigner, blogspot developer and UI designer. I am a certified Themeforest top contributor and popular at JavaScript engineers. We have a team of professinal programmers, developers work together and make unique blogger templates.</p>

    <div class='author-social'>
    <a href='#'><i class='fa fa-facebook'/></a>
    <a href='#'><i class='fa fa-twitter'/></a>
    <a href='#'><i class='fa fa-dribbble'/></a>
    <a href='#'><i class='fa fa-google-plus'/></a>
    </div>
        </div>
    </b:if>
  5. Replace blue URL with your profile image
  6. Replace purple Texts with your bio
  7. Replace # with your social links
  8. Finally click on Save template.
12: What will You get On Purchasing This Theme?
  1. Remove Footer credits
  2. One time payment
  3. Live Chat with Our Team
  4. SEO Plugins For Your Site
  5. For Unlimited Domains
  6. Lifetime Premium Support
  7. No Encrypted Scripts
  8. Lifetime Template Updates
  9. And Much More....
  10. Buy now from Templatezy.com
Copyright © 2016 Templatezy // Network