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

Top Social Icons

Go to Template > Edit HTML and find below code and change # with your social links.
 <div class='top-navigation-right'>
<div class='top-social-wrapper'>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-facebook'/></a></div>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-google-plus'/></a></div>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-twitter'/></a></div>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-linkedin'/></a></div>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-youtube-play'/></a></div>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-pinterest-square'/></a></div>    
</div>
</div> 

Main Menu bar

Go to Template > Edit HTML and find below code and change # with your menu links.
 <ul class='nav-plus menu-nav'>
<li><a class='active' href='/'><span itemprop='name'>Home</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Drama</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Movie</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Music</span></a></li>
<li><a class='ai' href=''>Categories</a>
<ul>
<li><a href=''>Item 11</a></li>
<li><a href=''>Item 12</a></li>
<li><a href=''>Item 13</a></li>
<li><a href=''>Item 14</a></li>
</ul>
</li>
<li><a href='#' itemprop='url'><span itemprop='name'>Error Page</span></a></li>
</ul> 

Big Screen Player

On every post, you have to need use below iframe player on HTML tab
<iframe allowfullscreen="" frameborder="0" height="315" id="bigframe" src="https://www.youtube.com/embed/VIDEO-CODE" width="100%"></iframe> 


Mag Wrapper (Add unlimited recent movies widgets)

Go to Layout > Mag wrapper and past below javascript with Label Name twice.
 <script src="/feeds/posts/default/-/LABEL_NAME?published&amp;alt=json-in-script&amp;callback=labelthumbs" type="text/javascript"></script>

<div class='viewall'><a href='/search/label/LABEL_NAME'><i aria-hidden='true' class='fa fa-list-ul'></i> View All</a></div> 



Most Recent Posts widget of Footer Section

Go to Layout > Open Most Recent widget from footer section and type recentposts


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

Top Menu

Go to Theme > Edit HTML and find below codes.
<div class='top-navigation-left'>
<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>
<div class='top-social'>
  <li class='menu-item'><a href='#' target='_blank'><i class='fa fa-facebook'/></a></li>
<li class='menu-item'><a href='#' target='_blank'><i class='fa fa-twitter'/></a></li>
  <li class='menu-item'><a href='#' target='_blank'><i class='fa fa-google-plus'/></a></li>
  <li class='menu-item'><a href='#' target='_blank'><i class='fa fa-youtube-play'/></a></li>
 <li class='menu-item'><a href='#' target='_blank'><i class='fa fa-tumblr'/></a></li>
<li class='menu-item'><a href='#' target='_blank'><i class='fa fa-linkedin'/></a></li>
          </div>
</div> 

Main Menu

Go to Theme > Edit HTML and find below codes.
<div id='menu-wrapper'>
<nav id='menu' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
<input type='checkbox'/>
<label/>
<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>
</nav>
</div> 

Featured Posts Widget

Go to Layout and open "Most Selected Posts" widget and type LABEL_NAME.


Footer Social Icons

<div class='top-navigation-right'>
<div class='top-social-wrapper'>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-facebook'/></i></a></div>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-google'/></i></a></div>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-twitter'/></i></a></div>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-linkedin'/></i></a></div>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-youtube-play'/></i></a></div>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-pinterest-square'/></i></a></div>
<div class='clear'/>     
</div>
</div></div> 


Remove Footer Credits

The AMP - Documentation

Installation (Recommended way)

  • Unzip the downloaded ZIP file and Open .xml file on Notepad.
  • Select all and copy all codes.
  • On Blogger Dashboard Click Template > Edit HTML
  • Past all codes and Save Template.

Customize SEO Meta tags

<meta content='1487723054853663' property='fb:app_id'/>
<meta content='100004364052994' property='fb:admins'/>
<link href='https://plus.google.com/106651422636219211057' rel='me'/>
<link href='https://plus.google.com/106651422636219211057' rel='publisher'/>
<meta content='@msubelbd' name='twitter:site'/>
<meta content='@msubelbd' name='twitter:creator'/>
<meta content='Muhammad Subel' name='Author'/>
<meta content='https://www.facebook.com/templatemark.phtml' property='article:author'/> 

Top Menu

Go to Template > Edit HTML and find below codes.
<nav class='page-menu' itemprop='mainEntity' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'>
<div class='mobile-hide'>
 <ul>
   <li><a href='#' itemprop='url' title='About'><span itemprop='name'>About</span></a></li>
   <li><a href='#' itemprop='url' title='Contact'><span itemprop='name'>Contact</span></a></li>
   <li><a href='#' itemprop='url' title='Menu1'><span itemprop='name'>Privacy</span></a></li>
   <li><a href='#' itemprop='url' title='Menu2'><span itemprop='name'>DMCA</span></a></li>
   <li><a href='#' itemprop='url' title='Menu3'><span itemprop='name'>Sitemap</span></a></li>
    </ul>
  </div>
</nav> 

Main Menu

Go to Template > Edit HTML and find below codes.
 <div id='menu-wrapper'>
<nav id='menu' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
<ul>
<li class='homers'><a href='/'><i class='fa fa-home'/> Home</a></li>
<li><a href='#'>Menu1</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='#'>Menu2</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>
</nav>
</div> 

Mobile Menu

Go to Template > Edit HTML and find below codes.
 <amp-sidebar id='offcanvas' layout='nodisplay'>
  <button class='buttonss' on='tap:offcanvas.close'><i aria-hidden='true' class='fa fa-times'/></button>
  <div class='sidebar'>
  <ul>
    <li><a href='#'>Menu1</a></li>
    <li><a href='#'>Menu2</a></li>
    <li><a href='#'>Menu3</a></li>
    <li><a href='#'>Menu4</a></li>
  </ul>
  </div>
</amp-sidebar> 

Featured Posts Widget

Go to Layout > Open recent1 widget and type any LABEL_NAME


Sidebar Subscribe box Widget

Go to Layout > Open Subscribe Me widget and past below codes.
<div class="wp-subscribe no-name-field" id="wp-subscribe">
<h4 class="title">Get more nice stuff <br /> <span>in your inbox</span></h4>
<p class="text">instantly by Subscribing to us. So you will get email everytime we post something new here</p>

<form action="https://feedburner.google.com/fb/a/mailverify?uri=USER_NAME" method="get" target="_blank"> <input class="email-field" type="text" value="" placeholder="Enter email id here..." name="email" /> <input type="hidden" value="USER_NAME" name="uri" /><input type="hidden" name="loc" value="en_US" /> <input class="submit" name="submit" type="submit" value="Subscribe Now" /></form>

<div class="clear"></div>
<p class="footer-text">We guarantee you won't get any other SPAM</p>
</div> 

Note: Change USER_NAME with your feedburner username.

Footer Social Icons

 <div class='top-navigation-right'>
<div class='top-social-wrapper'>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-facebook'/></i></a></div>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-google'/></i></a></div>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-twitter'/></i></a></div>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-linkedin'/></i></a></div>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-youtube-play'/></i></a></div>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-pinterest-square'/></i></a></div>
<div class='clear'/>     
</div>
</div></div> 

Footer Navigations

<ul class="footer2 line">
<li><a href="#" title="Contact Form">Contact us</a></li>
<li><a href="#" title="About">About us</a></li>
<li><a href="#" title="Disclaimer">Disclaimer</a></li>
<li><a href="#" title="Privacy Policy">Privacy Policy</a></li>
<li><a href="#" title="Sitemap">Sitemap</a></li>
<li><a href="#" title="Terms of Service">Terms of Service</a></li>
</ul> 

Post page Advertisement

Go to Template > Edit HTML and find below codes twice.
 <div class='ad1'> 

Now past your AMP Responsive ad code within <div class='ad1'>AD CODE HERE</div>

Author box Bio

Go to Template > Edit HTML and find below codes
 <div class='authorboxwrap'>
<div class='authorboxfull'>
<div class='author_description_container'>
<h4><i aria-hidden='true' class='fa fa-pencil-square-o'/> Author: <a href='#' rel='author'><data:post.author/></a> </h4>
<p>
velit viverra minim sed metus egestas sapien consectetuer, ac etiam bibendum cras posuere pede placerat, velit neque felis. Turpis ut mollis, elit et vestibulum mattis integer aenean nulla, in vitae id augue vitae.     
</p>
</div>
</div>
</div> 


Add Google Analytics Code

Go to Template > Edit HTML and find below codes.
&quot;UA-XXXXX-Y&quot; 

Change UA-XXXXX-Y with your google analytics code.

AMP Friendly Post Format

 <div data-amp-style="text-align: left;" dir="ltr">
Pellentesque vitae lectus in mauris sollicitudin ornare sit amet eget ligula. Donec pharetra, arcu eu consectetur semper, est nulla sodales risus, vel efficitur orci justo quis tellus. Phasellus sit amet est pharetra, sodales ipsum et, sodales urna. In massa nisi, faucibus id egestas eu, fringilla sit amet velit. Integer vel dui eget lacus fermentum ornare ac at nisl. Cras justo urna, lacinia vel massa at, tincidunt posuere lectus. Nulla pretium ultrices velit ut malesuada. In arcu sem, elementum at nunc eu, ullamcorper bibendum lorem. Quisque rhoncus lacinia volutpat. Mauris tempus enim ornare neque rutrum mollis. Sed faucibus laoreet malesuada. Nam est enim, vulputate id porta id, maximus sagittis nulla.
<br />
<h2>
This is Heading 2</h2>
<div>
Type your Heading 2 Text here.</div>
<h3>
This is Heading 3</h3>
<div>
Type your Heading 3 Text here.</div>
<h4>
This is Heading 4</h4>
<div>
Type your Heading 4 Text here</div>
</div>
<noscript><img alt='Featured Image alt text here' src='#FEATURED_IMAGE_URL_HERE'/></noscript>
 

Note: After publish every posts, check validation here: https://validator.ampproject.org/

Additional Image Format

<amp-img
    src="https://4.bp.blogspot.com/-IufMFOYeum4/WCXj9zrdOUI/AAAAAAAACaU/7naI9BJX2_AayGhLL1iho4cv_2tNWjkYACLcB/s1600/4.jpg"
    width="527"
    height="320"
    layout="responsive">
</amp-img> 

Responsive Adsense ad Format

<amp-ad
layout="fixed-height"
height="90"
type="adsense"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890">
</amp-ad> 

Adsense Link Ad Format

<center>
<amp-ad 
data-ad-client='ca-pub-1234567890123456' 
data-ad-slot='1234567890' 
height='90' 
type='adsense' 
width='200'>
 </amp-ad>
  </center> 

Note: Your Adsense link ad must sized with 90px height and 200px width.

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


Main Menu

Go to Template > Edit HTML and find below codes.


 <nav id='main-nav' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
<div class='menu-main-nav-container'>
<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='#'>Categories <i aria-hidden='true' class='fa fa-angle-down'/></a>
<ul class='sub-menu'>
<li><a href='#'>CSS</a></li>
<li><a href='#'>Javascript</a></li>
<li><a href='#'>HTML</a></li>
<li><a href='#'>SEO</a></li>
<li><a href='#'>Tips and Tricks</a></li>
<li><a href='#'>Widgets</a></li>
<li><a href='#'>Apps</a></li>
<li><a href='#'>Adsense</a></li>
<li><a href='#'>Make Money</a></li>
<li><a href='#'>SEO</a></li>
<li><a href='#'>Youtube</a></li>
</ul>
</li>
<li class='menu-item'><a href='#'>Services</a>
</li>
<li class='menu-item'><a href='#'>Templates</a></li>
<li class='menu-item'><a href='#'>Contact</a></li>
</ul>

</div>   </nav> 


Author Box Bio

Go to Layout and open Main blog widget. Scroll down and mark Show Author Profile Below Post

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

Footer Social Icons

 <div class='top-navigation-right'>
<div class='top-social-wrapper'>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-facebook'/></i></a></div>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-google'/></i></a></div>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-twitter'/></i></a></div>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-linkedin'/></i></a></div>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-youtube-play'/></i></a></div>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-pinterest-square'/></i></a></div>
<div class='clear'/>     
</div>
</div></div> 


Sidebar Subscribe Box

 <div class="wp-subscribe no-name-field" id="wp-subscribe">
<h4 class="title">Get more nice stuff <br /> <span>in your inbox</span></h4>
<p class="text">instantly by Subscribing to us. So you will get email everytime we post something new here</p>

<form action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=USER_NAME', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" _lpchecked="1"> <input class="email-field" type="text" value="" placeholder="Enter email id here..." name="email" /> <input type="hidden" value="USER_NAME" name="uri" /><input type="hidden" name="loc" value="en_US" /> <input class="submit" name="submit" type="submit" value="Subscribe Now" /></form>

<div class="clear"></div>
<p class="footer-text">We guarantee you won't get any other SPAM</p>
</div> 

Note: Change USER_NAME with your feedburner username.


Change Template Colors

Go to Template > Customize > Advanced




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

Evently 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

 <meta content='THIS IS WEBSITE DESCRIPTION' property='og:description'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='YOUT, BLOGS, KEYWORDS, HERE' name='keywords'/></b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='https://www.facebook.com/ADMIN_USERNAME' property='article:author'/>
<meta content='https://www.facebook.com/PAGE_USERNAME' property='article:publisher'/>
<meta content='FB-APP-ID' property='fb:app_id'/>
<meta content='FB-ADMIN-ID' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='bd_BD' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='@MSUBELBD' name='twitter:site'/>
<meta content='@MSUBELBD' name='twitter:creator'/> 

Top Menu and Social Icons:

Go to Template > Edit HTML and Find below codes,
 <ul class='social' id='menu-top-menu' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'>
<li class='menu-item'><a href='#' target='_blank'><i class='fa fa-facebook'/></a></li>
<li class='menu-item'><a href='#' target='_blank'><i class='fa fa-google-plus'/></a></li>
<li class='menu-item'><a href='#' target='_blank'><i class='fa fa-twitter'/></a></li>
<li class='menu-item'><a href='#' target='_blank'><i class='fa fa-youtube-play'/></a></li>
<li itemprop='name'><a href='http://' itemprop='url'>Advertise</a></li>
<li itemprop='name'><a href='http://' itemprop='url'>Contact</a></li>
<li itemprop='name'><a href='http://' itemprop='url'>Sitemap</a></li>
</ul> 

Main Menu:

Go to Template > Edit HTML and Find below codes,
 <ul class='menu'>
<li><a href='/'>Home</a></li>
<li><a href='http://'>Blog</a></li>
<li><a href='http://'>Forum</a></li>
<li><a href='http://'>Result</a></li>
<li class='hasSub'><a href='http://'>Dropdown</a>
<ul class='sub-menu'>
<li><a href='http://'>Dropdown1</a></li>
<li><a href='http://'>Dropdown2</a></li>
<li><a href='http://'>Dropdown3</a></li>
<li><a href='http://'>Dropdown4</a></li>
<li><a href='http://'>Dropdown5</a></li>
</ul></li>
<li><a href='http://'>Contact</a></li>
<li><a href='http://'>About us</a></li>
<li><a href='http://'>Advertise</a></li>
</ul> 

Post Page ad (300x250)

Go to Template > Edit HTML and Find below codes and put your ad code.
 <!-- POST300x250 --> 

Float ad (120x600)

Go to Template > Edit HTML and Find below codes and put your ad code.
 <!-- FLOAT120x600 --> 

Author Box:

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><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>
Pellentesque vitae lectus in mauris sollicitudin ornare sit amet eget ligula. Donec pharetra, arcu eu consectetur semper, est nulla sodales risus, vel efficitur orci justo quis tellus. Phasellus sit amet est pharetra    
</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> 

Unlimited Colors, Fonts etc:

Go to Template > Customize > Advance


Remove Footer Credits

Buy this awesome template for $15.95 and remove footer credits and much more.

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

Top Social Icons

Go to Template > Edit HTML and find below codes and change all # with your social profile links.
 <div class='top-social-wrapper'>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-facebook'/></a></div>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-google-plus'/></a></div>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-twitter'/></a></div>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-linkedin'/></a></div>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-youtube-play'/></a></div>
<div class='social-icon'><a href='#' target='_blank'><i class='fa fa-pinterest-square'/></a></div>
<div class='clear'/>     
</div> 

Main Menu

Go to Template > Edit HTML and find below codes and change all # with your menu links.
 <div id='menu-wrapper'>
<nav id='menu' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
<input type='checkbox'/>
<label/>
<ul>
<li class='homers'><a href='/'><i class='fa fa-home'/> Home</a></li>
<li><a href='#'>Menu1</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='#'>Menu2</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>
</nav>
</div> 

Featured Posts Slider

Go to Layout and Open Featured Posts Slider widget and type recent or random

Sidebar Social Icons

Open 1st widget from Sidebar2 and past below codes.
 <div class="widget_social_apps">
<div class="app_social facebook">
<a href="https://www.facebook.com/USER_NAME" target="_blank">
<span class="app_icon"><i class="fa fa-facebook"></i></span>
</a></div>
<div class="app_social twitter">
<a href="https://www.twitter.com/USER_NAME" target="_blank">
<span class="app_icon"><i class="fa fa-twitter"></i></span>
</a></div>
<div class="app_social pinterest">
<a href="https://www.pinterest.com/USER_NAME" target="_blank">
<span class="app_icon"><i class="fa fa-pinterest"></i></span>
</a></div>
<div class="app_social google">
<a href="https://www.google.com/USER_NAME" target="_blank">
<span class="app_icon"><i class="fa fa-google-plus"></i></span>
</a></div>
</div> 

Sidebar recent posts widgets

Go to Layout and open stocked widgets from Sidebar1 and Sidebar2 and type LABEL-NAME


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> 

Change Template Colors

It is very easy to change template color with one click. Go to Template > Customize > Advanced.