Smooth Grid Documentation


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

Main Menu

Go to Template > Edit HTML and find below codes.

 <nav id='main-nav' itemscope='itemscope' itemtype='' role='navigation'>
<div class='menu-main-nav-container'>
<ul class='menu' id='menu-main-nav'>
<li class='menu-item current-menu-item'><a href='/'><i class='fa fa-home'/> Home</a></li>
<li class='menu-item'><a href='#'>Categories <i aria-hidden='true' class='fa fa-angle-down'/></a>
<ul class='sub-menu'>
<li><a href='#'>CSS</a></li>
<li><a href='#'>Javascript</a></li>
<li><a href='#'>HTML</a></li>
<li><a href='#'>SEO</a></li>
<li><a href='#'>Tips and Tricks</a></li>
<li><a href='#'>Widgets</a></li>
<li><a href='#'>Apps</a></li>
<li><a href='#'>Adsense</a></li>
<li><a href='#'>Make Money</a></li>
<li><a href='#'>SEO</a></li>
<li><a href='#'>Youtube</a></li>
<li class='menu-item'><a href='#'>Services</a>
<li class='menu-item'><a href='#'>Templates</a></li>
<li class='menu-item'><a href='#'>Contact</a></li>

</div>   </nav> 

Author Box Bio

Go to Layout and open Main blog widget. Scroll down and mark Show Author Profile Below Post

Edit Author box Social Icons

Go to Template > Edit HTML and find below codes

  <ul class='social-links'>
<li class='first'><a class='external external-link' href='#' rel='nofollow' target='_blank'><i class='fa fa-facebook'/></a></li>
<li><a class='external external-link' href='#' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a></li>
<li><a class='external external-link' href='#' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a></li>
<li><a class='email-link' href=''><i class='fa fa-envelope-o'/></a></li>
<li class='last'><a href='/'><i class='fa fa-laptop'/> </a></li>

Footer Social Icons

 <div class='top-navigation-right'>
<div class='top-social-wrapper'>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-facebook'/></i></a></div>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-google'/></i></a></div>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-twitter'/></i></a></div>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-linkedin'/></i></a></div>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-youtube-play'/></i></a></div>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-pinterest-square'/></i></a></div>
<div class='clear'/>     

Sidebar Subscribe Box

 <div class="wp-subscribe no-name-field" id="wp-subscribe">
<h4 class="title">Get more nice stuff <br /> <span>in your inbox</span></h4>
<p class="text">instantly by Subscribing to us. So you will get email everytime we post something new here</p>

<form action="" method="post" target="popupwindow" onsubmit="'', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" _lpchecked="1"> <input class="email-field" type="text" value="" placeholder="Enter email id here..." name="email" /> <input type="hidden" value="USER_NAME" name="uri" /><input type="hidden" name="loc" value="en_US" /> <input class="submit" name="submit" type="submit" value="Subscribe Now" /></form>

<div class="clear"></div>
<p class="footer-text">We guarantee you won't get any other SPAM</p>

Note: Change USER_NAME with your feedburner username.

Change Template Colors

Go to Template > Customize > Advanced