Documentations - MS Design Official: News52

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

To Edit Top Menu Bar, 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='#'>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='#'>Forum</a></li>
<li class='menu-item'><a href='#'>Advertise</a></li>
<li class='menu-item'><a href='#'>Sitemap</a></li>
</ul></div>

Main Navigation Menu

To Edit Main Menu Bar, Go to Template > Edit HTML and Find Below Codes.

 <nav id='menu'> 
<input type='checkbox'/> 
<label>&#8801;<span>Menu</span></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>

Slider Widget

Go to Layout > Open Slider Widget and Past below codes.

 <div id="lofslidecontent45" class="lof-slidecontent">
<div class="preload"><div></div></div>
 <!-- MAIN CONTENT --> 
  <div class="lof-main-outer">
   <ul class="lof-main-wapper">
<script src="/feeds/posts/summary?orderby=published&start-index=1&max-results=10&alt=json-in-script&callback=rpslider"></script>
      </ul>   
  </div>
<div class="lof-navigator-wapper">
        <div onclick="return false" href="" class="lof-previous">Previous</div>

      <div class="lof-navigator-outer">
            <ul class="lof-navigator">
<script src="/feeds/posts/summary?orderby=published&start-index=1&max-results=10&alt=json-in-script&callback=rpslider2"></script>
      </ul></div>
        <div onclick="return false" href="" class="lof-next">Next</div>
 </div></div>

Mag Wrapper Widgets and Carousel Slider

You can display recent post by specific label on others widget. That we named Mag Wrapper on Layout Section. Open all Mag Wrapper widgets and Carousel Slider and type any LABEL NAME.

Social Media Widget

Go to Layout and Open Social Media Widget and past below codes.

 <div class="widget_social_apps">
<div class="app_social facebook">
<a href="https://www.facebook.com/" target="_blank">
<span class="app_icon"><i class="fa fa-facebook"></i></span>
<span class="app_count">7845</span> <span class="app_type">Fans</span> </a></div>
<div class="app_social twitter">
<a href="https://www.twitter.com/" target="_blank">
<span class="app_icon"><i class="fa fa-twitter"></i></span>
<span class="app_count">32</span>
<span class="app_type">Followers</span>
</a></div>
<div class="app_social pinterest">
<a href="https://www.pinterest.com/" target="_blank">
<span class="app_icon"><i class="fa fa-pinterest"></i></span>
<span class="app_count">4774</span> <span class="app_type">People</span> </a></div>
<div class="app_social instagram">
<a href="https://www.instagram.com/" target="_blank">
<span class="app_icon"><i class="fa fa-instagram"></i></span>
<span class="app_count">65684</span> <span class="app_type">Followers</span> </a></div>
<div class="app_social google">
<a href="https://www.google.com/" target="_blank">
<span class="app_icon"><i class="fa fa-google-plus"></i></span>
<span class="app_count">65684</span> <span class="app_type">People</span> </a></div>
<div class="app_social linkedin">
<a href="https://www.linkedin.com/" target="_blank">
<span class="app_icon"><i class="fa fa-linkedin"></i></span>
<span class="app_count">65684</span> <span class="app_type">Fans</span> </a></div>
<div class="app_social flickr">
<a href="https://www.flickr.com/" target="_blank">
<span class="app_icon"><i class="fa fa-flickr"></i></span>
<span class="app_count">44</span>
<span class="app_type">Followers</span>
</a></div>
<div class="app_social vine">
<a href="https://www.vine.com/" target="_blank">
<span class="app_icon"><i class="fa fa-vine"></i></span> <span class="app_count">574</span> <span class="app_type">People</span> </a></div>
</div>

Footer Social Icons

Go to Layout and Open Footer Social Media Icons Widget and type and social media name with link.

Change Template Color

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

News52 - Documentation