DreamLine - Documentation

Installation

  • Unzip the downloaded ZIP file.
  • On Blogger Dashboard Click Template.
  • Click Backup/Restore button (Top Right).
  • Click Choose File button. Find where the Template xml file location.
  • Then Click Upload.
DreamLine - Documentation

Customize SEO Meta tags

  1. YOUR, KEYWORDS, HERE: Type your main keywords. 
  2. GOOGLE+ID: Your Google Plus profile id (replace 3 times).
  3. GOOGLE-WEBMASTER-CODE: Google webmaster tools verification code.
  4. BING-WEBMASTER-CODE: Bing webmaster tools verification code.
  5. ALEXA-VERIFY-CODE: Alexa Verify code.
  6. Sylhet, Bangladesh: Your state and country name.
  7. YOUR-NAME: Blog's Admin name.
  8. Bangladesh: Your country name.
  9. english: Your content language
  10. Msubel.np: Facebook user name.
  11. Msdesign.rtml: Facebook page user name.
  12. FACEBOOK-APP-ID: Facebook app id.
  13. FACEBOOK-ADMIN-ID: Your Facebook ID.
  14. @msubelbd: Your Twitter username (replace 2 times).
Discover more about SEO Meta tags SEO Pack 2016 for Blogspot Blogger

Edit Expandable Navigation

 <nav id='cd-top-nav'>
  <ul>
    <li><a href='#0'>Tour</a></li>
    <li><a href='#0'>Blog</a></li>
    <li><a href='#0'>Contact</a></li>
    <li><a href='/404'>Error</a></li>
    <li>
      <a href='#search'><i class='fa fa-search'/> Search</a>
    </li>
  </ul>
</nav> <a href='#0' id='cd-menu-trigger'><span class='cd-menu-text'>Menu</span><span class='cd-menu-icon'/></a></header>
<nav id='cd-lateral-nav'>
  <ul class='cd-navigation'>
    <li class='item-has-children'> <a href='#0'>Dropdown1</a>
      <ul class='sub-menu'>
        <li><a href='#0'>Brand</a></li>
        <li><a href='#0'>Web Apps</a></li>
        <li><a href='#0'>Mobile Apps</a></li>
      </ul>
    </li>
    <!-- item-has-children -->
    <li class='item-has-children'> <a href='#0'>Dropdown2</a>
      <ul class='sub-menu'>
        <li><a href='#0'>Product 1</a></li>
        <li><a href='#0'>Product 2</a></li>
        <li><a href='#0'>Product 3</a></li>
        <li><a href='#0'>Product 4</a></li>
        <li><a href='#0'>Product 5</a></li>
      </ul>
    </li>
    <!-- item-has-children -->
    <li class='item-has-children'> <a href='#0'>Dropdown3</a>
      <ul class='sub-menu'>
        <li><a href='#0'>London</a></li>
        <li><a href='#0'>New York</a></li>
        <li><a href='#0'>Milan</a></li>
        <li><a href='#0'>Paris</a></li>
      </ul>
    </li>
    <!-- item-has-children -->
  </ul>
  <!-- cd-navigation -->
  <ul class='cd-navigation cd-single-item-wrapper'>
    <li><a href='#0'>Tour</a></li>
    <li><a href='#0'>Login</a></li>
    <li><a href='#0'>Register</a></li>
    <li><a href='#0'>Pricing</a></li>
    <li><a href='#0'>Support</a></li>
<li><a href='#0'>FAQ</a></li>
    <li><a href='#0'>Terms &amp; Conditions</a></li>
    <li><a href='#0'>Careers</a></li>
    <li><a href='#0'>Students</a></li>
  </ul>
  <!-- cd-single-item-wrapper -->
  <div class='cd-navigation socials'> 
<a class='cd-twitter cd-img-replace' href='#0'>Twitter</a>
<a class='cd-github cd-img-replace' href='#0'>Git Hub</a>
<a class='cd-facebook cd-img-replace' href='#0'>Facebook</a> 
<a class='cd-google cd-img-replace' href='#0'>Google Plus</a> </div>
  <!-- socials -->
</nav> 



Change Template Color

It's Easy to customize this template's color. Just Go to Blogger Dashbord and Click Template then Click Customize and Click Advanced
Now You can change your blog color with your favorite color..
DreamLine - Documentation