Documentations - MS Design Official

Maya - 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).

Top Menu:

Go to Template > Edit HTML and find below codes
 <div class='top-navigation-left-text'>

  <a href='/' style='margin-right: 20px;'>About</a>
  <a href='/' style='margin-right: 20px;'>Privacy Policy</a>
  <a href='/' style='margin-right: 20px;'>Terms</a>
  <a href='/' style='margin-right: 20px;'>DMCA</a>
  <a href='/' style='margin-right: 20px;'>Sitemap</a>
  <a href='/' style='margin-right: 20px;'>CONTACT</a>
</div> 

Main Menu:

Go to Template > Edit HTML and find below codes
 <ul>
<li class='homers'><a href='/'><i class='fa fa-home'/> Home</a></li>
<li><a href='#'>About</a></li>
<li><a class='ai' href='#'>Drop Menu <i class='fa fa-angle-down'/></a>
<ul class='menus'>
<li><a href='#'>Drop Menu 1</a></li>
<li><a href='#'>Drop Menu 2</a></li>
<li><a href='#'>Drop Menu 3</a></li>
</ul>
</li>
<li><a href='#'>Blogger Templates</a></li>
<li><a class='ai' href='#'>Drop Menu <i class='fa fa-angle-down'/></a>
<ul class='menus'>
<li><a href='#'>Drop Menu 1</a></li>
<li><a href='#'>Drop Menu 2</a></li>
<li><a href='#'>Drop Menu 3</a></li>
</ul>
</li>
  <li><a href='/404'>Error</a></li>
<li><a class='trigger2' href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;amp;langpair=en%7cen&amp;amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title='English'>Translate</a></li>
</ul> 

Slider Widget

Go to Layout Slider Widget and type "recent". If you want to show any specific label's post, then type any label name.


Sidebar Social Icons

Open second widget from Layout right sidebar and past below codes.
 <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 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> 

Customize Popular Posts Widget

Customize popular posts widget with below screenshot for better result.



Customize Template

To change whole template setting with one click, go to Template > Customize > Advanced and change template fonts and color with one click.

Source:- MSdesign