Documentations - MS Design Official: Sure Mag

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

Top Menu

Go to Template > Edit HTML and Find Below Codes.

 <div class='menu-top-menu-container'>
<ul class='menu' id='menu-top-menu'>
<li class='menu-item'><a href='#'><i aria-hidden='true' class='fa fa-facebook'/> Like</a></li>
<li class='menu-item'><a href='#'><i aria-hidden='true' class='fa fa-google'/> Follow</a></li>
<li class='menu-item'><a href='#'><i aria-hidden='true' class='fa fa-twitter'/> Follow</a></li>
<li class='menu-item'><a href='#'>About</a></li>
<li class='menu-item'><a href='#'>Contact</a></li>
<li class='menu-item'><a href='#'>Privacy</a></li>
<li class='menu-item'><a href='#'>Sitemap</a></li>
</ul></div>

Main Menu

Go to Template > Edit HTML and Find Below Codes.

 <nav id='menu'> 
<input type='checkbox'/> 
<label>&#8801;</label>
<ul> 
<li class='homers'><a href='/'><i class='fa fa-home'/> Home</a></li> 
<li><a href='#'>About</a></li> 
<li><a href='#'>Drop Down <i class='fa fa-chevron-down'/></a> 
<ul class='menus'> 
<li><a href='#'>Tab 1</a></li> 
<li><a href='#'>Tab 2</a></li> 
<li><a href='#'>Tab 3</a></li> 
<li><a href='#'>Tab 4</a></li> 
<li><a href='#'>Tab 5</a></li> 
<li><a href='#'>Tab 6</a></li>
</ul> 
</li> 
<li><a href='#'>Contact</a></li> 
<li><a href='#'>Drop Down <i class='fa fa-chevron-down'/></a> 
<ul class='menus'> 
<li><a href='#'>Tab 1</a></li> 
<li><a href='#'>Tab 2</a></li> 
<li><a href='#'>Tab 3</a></li> 
</ul> 
</li> 
<li><a href='#'>Advertise</a></li>  
       </ul> 
    </nav>

Featured Posts Widget

Go to Layout and open Featured Posts Widget and type recent

Mag Wrapper Widgets

Go to Layout and open all Mag Wrapper widget and type LABEL_NAME

Social Icons Widget (Sidebar)

 <ul class="pt-followers-icons ptfollowers7 share-buttons">
 <li class="twitter-share">
  <a target="_self" href="#"> <span class="counter"> 158</span> <span class="counted"> Followers</span> <span class="action-button"> Follow</span> </a>
 </li>
 <li class="facebook-share">
  <a target="_self" href="#"> <span class="counter"> 239</span> <span class="counted"> Fans</span> <span class="action-button"> Like</span> </a>
 </li>
 <li class="google-plus-share">
  <a target="_self" href="#"> <span class="counter"> 12071</span> <span class="counted"> Fans</span> <span class="action-button"> +1</span> </a>
 </li>
 <li class="instagram-share">
  <a target="_self" href="#"> <span class="counter"> 11071</span> <span class="counted"> Fans</span> <span class="action-button"> Follow </span> </a>
 </li>
</ul>

Author Box Widget

Go to Template > Edit HTML and find below codes

 <div class='authorboxwrap'>
<div class='authorboxfull'>
<div class='avatar-container'>
<a href=''>
<img class='author_avatar' expr:alt='data:post.author' expr:src='data:post.authorPhoto.url' height='110' width='110'/>
</a>
</div>
<div class='author_description_container'>
<h4>Author: <a href='#' rel='author'><data:post.author/></a> <i class='fa fa-check-circle' style='color:rgb(17, 143, 249)' title='Verified Author'/> </h4>
<p>
Etiam at libero iaculis, mollis justo non, blandit augue. Vestibulum sit amet sodales est, a lacinia ex. Suspendisse vel enim sagittis, volutpat sem eget, condimentum sem.      
</p>
<div class='authorsocial'>
<a class='img-circle1' href='#' rel='nofollow' target='_blank'><i class='fa fa-facebook'/></a>
<a class='img-circle2' href='#' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a>
<a class='img-circle3' href='#' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a>
<div class='clr'/>
</div>
</div>
</div>
</div>

Change Template Color

Go to Template > Customize > Advanced and change template color with your own choice.

Remove Footer Credits
(Buy Premium version for $15.95 and remove footer credits and enjoy all premium features)

Sure Mag - Documentation