Easyblog - 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

  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).
Discover more about SEO Meta tags SEO Pack 2016 for Blogspot Blogger

Main Menu

Go to Template > Edit HTML > Find and change all # tag with your links
 <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> 
<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>
</ul> 
</li> 
</ul> 
</nav> 


Top Social Icons

Go to Template > Edit HTML > Find and change all # tag with your Social links
Easyblog - Documentation
 <div class='header-social'>
<a class='header-facebook' href='#' style='background: #375593'><i class='fa fa-facebook'/></a>
<a class='header-twitter' href='#'><i class='fa fa-twitter'/></a><a class='header-google-plus' href='#'><i class='fa fa-google-plus'/>
</a>
<a class='header-youtube-play' href='#'><i class='fa fa-youtube'/></a>
</div> 

Footer Links

Go to Template > Edit HTML > Find and change all # tag with your links
 <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> 

Post Page Ad (728x90)

Go to Template > Edit HTML > Find below code and change with your Ad code
 <div class='ad_banner728'>
<a href='#'><img alt='banner' src='http://i.imgur.com/BmEFrJJ.png' title='top banner'/></a>
</div> 
Easyblog - Documentation

Customize Author Box

Go to Template > Edit HTML > Find below code and change with your Ad code
 <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><a href='#' rel='author'><data:post.author/></a> <i class='fa fa-check-circle' style='color:rgb(17, 143, 249);font-size:16px;' title='Verified Author'/> </h4>
<p>
<data:post.authorAboutMe/>       
</p>
</div>
</div>
 <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>
</div> 

Change Template Color

It's Easy to customize this template's color. Just Go to Blogger Dashbord and Click Template then Click Customize and Click Advanced
Now You can change your blog color with your favorite color..
Easyblog - Documentation