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

Customize SEO Meta tags

YOUR, KEYWORDS, HERE: Type your main keywords.
GOOGLE+ID: Your Google Plus profile id (replace 3 times).
GOOGLE-WEBMASTER-CODE: Google webmaster tools verification code.
BING-WEBMASTER-CODE: Bing webmaster tools verification code.
ALEXA-VERIFY-CODE: Alexa Verify code.
Sylhet, Bangladesh: Your state and country name.
YOUR-NAME: Blog's Admin name.
Bangladesh: Your country name.
english: Your content language
Msubel.np: Facebook user name.
Msdesign.rtml: Facebook page user name.
FACEBOOK-APP-ID: Facebook app id.
FACEBOOK-ADMIN-ID: Your Facebook ID.
@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='http://schema.org/SiteNavigationElement' 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>
</ul>
</li>
<li class='menu-item'><a href='#'>Services</a>
</li>
<li class='menu-item'><a href='#'>Templates</a></li>
<li class='menu-item'><a href='#'>Contact</a></li>
</ul>

</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='mailto:yourmail@domain.com'><i class='fa fa-envelope-o'/></a></li>
<li class='last'><a href='/'><i class='fa fa-laptop'/> </a></li>
</ul>

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'/>     
</div>
</div></div>

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="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=USER_NAME', '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>
</div>

Note: Change USER_NAME with your feedburner username.

Change Template Colors

Go to Template > Customize > Advanced

Documentations - MS Design Official