Documentations – SHERAZI Design Official

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.

Install

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

Navigation Menu

Go to Template > Edit HTML and find below codes and change it with your links.
<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='#'><i aria-hidden='true' class='fa fa-android'/> Android</a></li>
<li class='menu-item'><a href='#'><i aria-hidden='true' class='fa fa-windows'/> Windows</a></li>
<li class='menu-item'><a href='#'><i aria-hidden='true' class='fa fa-apple'/> Mac</a></li>
<li class='menu-item'><a href='#'>Apps <i class='fa fa-caret-down'/></a>
<ul class='sub-menu'>
<li><a href='#'>Dropdown1</a></li>
<li><a href='#'>Dropdown2</a></li>
<li><a href='#'>Dropdown3</a></li>
<li><a href='#'>Dropdown4</a></li>
<li><a href='#'>Dropdown5</a></li>
<li><a href='#'>Dropdown6</a></li>
</ul>
</li>
<li class='menu-item'><a href='#'>Games <i class='fa fa-caret-down'/></a>
<ul class='sub-menu'>
<li><a href='#'>Dropdown1</a></li>
<li><a href='#'>Dropdown2</a></li>
<li><a href='#'>Dropdown3</a></li>
<li><a href='#'>Dropdown4</a></li>
<li><a href='#'>Dropdown5</a></li>
<li><a href='#'>Dropdown6</a></li>
</ul>
</li>
</ul>

Featured Posts Widgets by Label

Go to Layout and open widget from Recent Posts Wrapper and type any LABEL-NAME (ex: Featured Games)

RCP

Footer Social Icons

Go to Template > Edit HTML and find 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'/></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'/></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'/></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'/></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'/></span></a></div>

</div>

Footer Links

Go to Template > Edit HTML and find below codes.
<div class='footerlinks'>
<a class='footer-link' href='#' title='About'>About</a> | 
<a class='footer-link' href='#' title='Sitemap'>Sitemap</a> |
<a class='footer-link' href='#' title='Advertise'>Advertise</a> |
<a class='footer-link' href='#' title='Privacy Policy'>Privacy Policy</a> | 
<a class='footer-link' href='#' title='Contact'>Contact</a>
</div>

Remove Footer Credits

Google Play and Download Buttons

Use below codes for Google Play and Download Button on every post’s HTML Tab.
<div style='text-align: center;'>
<ul class='btn'>
<li><a class='gplay' href='https://draft.blogger.com/YOUR-LINK-HERE' target='_blank'>GOOGLE PLAY</a></li>
<li><a class='download' href='https://draft.blogger.com/YOUR-LINK-HERE' target='_blank'>DOWNLOAD</a></li>
</ul>
</div>

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.