Beautiful MBME Style SEO Friendly Premium Blogger Template Free

By | January 15, 2014
MBME StyleThe most difficult part of creating a blog is to have beautiful, flexible and SEO Friendly template for your blog. MBME comes with the solution of your problem and gonna serve you with the best Blogger template. MBME is the most beautiful, user and seo friendly flexible templates which you can easily customize.

Features of MBME Template

MBME template has many useful features and potential. Following are some best features of this template:
  • User Friendly Interface 
  • SEO Friendly Design
  • Top Sticky Bar 
  • Easy Navigation Bar
  • Ad Space in Header 
  • Single Left Sidebar 
  • Social Widget
  • Threaded Comment Box
  • Related Post Widget etc
Demo            Download

How to Install a MBME Blogger Template?

In order to install any template on blogger follow below steps:
  • First Download Template and Unzip it.
  • Login to Blogger >> Template >>
  • Click On Backup/Restore Button at Top Left
  • Select Template(.xml) From Your Computer
  • Hit Upload Button
That’s all for Installing Blogger Templates.

Credits:

This is the free of cost template for everyone but due to my hard efforts i had implemented a footer credit link. Please Keep that link intact.

Customization: 

If you’ve knowledge about HTML, XML, CSS then you can customize this template and completely make this design of your blog. This template needs some changes like re-placing social usernames, Feedburner username and little things. Simply follow the tutorials.

Editing Navigation Menu:

  • Go To Blogger >> Template >> Edit HTML 
  • Find For <ul id=’nav’> 
  • You Will See The Following Code There.

<ul id=’nav’> <li><a expr:href=’data:blog.homepageUrl’>Home</a></li> <li><a class=’hsubs’ href=’http://www.bestbloggercafe.com/search/label/Make%20Money%20Online‘>Make Money</a>…. <div id=’lavalamp’/> </ul>

  • Replace Green Highlighted Code With The Link
  • Replace Maroon Highlighted Text With The Link Text.
  • Repeat this for all <li> elements

Editing Socializer Widget:

  • Go To Blogger >> Template >> Edit HTML 
  • Find For <div id=’followus’>
  • There You Will See The Following Code

<div id=’followus’> <font class=’heading’>FOLLOW US &#8594;</font> <div class=’likeonfb’> <iframe allowtransparency=’true’ frameborder=’0′ scrolling=’no’ src=’//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fbestbloggercafe&amp;send=false&amp;layout=button_count&amp;width=77&amp;show_faces=false&amp;font&amp;colorscheme=light&amp;action=like&amp;height=21′ style=’border:none; overflow:hidden; width:77px; height:21px;’/> </div> <div class=’followontwitter’> <a class=’twitter-follow-button’ data-button=’grey’ data-link-color=’#289728′ href=’http://twitter.com/bestbloggercafe‘ rel=’nofollow’/> <script src=’//platform.twitter.com/widgets.js’ type=’text/javascript’/> </div> </div>

  •  Replace bestbloggercafe With Your FB Page Username Also Replace The Twitter Link With Yours.

Editing Footer Menu:

  • Go To Blogger >> Template >> Edit HTML
  •  Find For <div id=’footer-top-wrapper’>
  • There You Will See The Code Like Below

<div id=’footer-top-wrapper’>
<div id=’footer-top’>
<ul id=’footer-navigation’>
<li><a href=’http://www.bestbloggercafe.com/‘>Home</a></li>
<li><a href=’http://www.bestbloggercafe.com/p/about-us.html‘>About Us</a></li>
<li><a href=’http://www.bestbloggercafe.com/p/contact-us.html‘>Contact Us</a></li>
<li><a href=‘http://www.bestbloggercafe.com/atom.xml‘>Sitemap</a></li>
<li><a href=’http://www.bestbloggercafe.com/2013/09/general-help-and-off-topic-queries-for.html‘>FAQ</a></li>
<li><a href=’http://www.bestbloggercafe.com/p/in-my-blog-my-earning-we-publish-fresh.html‘>Privacy Policy</a></li>
</ul> <div id=’backtotop’> <p id=’back-top’> <a href=’#’>Back to top</a> </p> </div> </div></div>

  • Replace Green Highlighted Code With The Link
  • Replace Maroon Highlighted Text With The Link Text.
  • Repeat this for all <li> elements
  • Congratulations! You’ve Successfully Customized The Template!

Note:

Dear Readers if you have any query/question feel free to ask me via comment box given below. Also Follow us on social media site and share that post with your friends.

15 thoughts on “Beautiful MBME Style SEO Friendly Premium Blogger Template Free

  1. Oyejobi Adeola

    Really nice bro..I also apply this template to my blog but i go two different question.s.Ma first problem with this template is i can’t view any infolink ads on my blog..The second question is i chant display the top related topics that is at the front page of your blog…Please kindly answer and looking forward to your reply

    Reply
    1. Zeeshan Shaukat

      Hi Ayejobi!
      For Showing InfoLinks Ads You Need To Impliment Infolinks Ads Script which you can get from your infolinks account,
      Related Topics is actually based upon labels you need to have 2+ posts with the same label so related posts will work…

      Reply
    1. Zeeshan Shaukat

      Working Fine On My Side .. You Can Open XML file with notepad and open all the content then paste it into your template in html mode . Hope it will solve your problem.

      Reply
  2. Alizaib Hassan

    Assalam-0-Alikum Bro !st thanks For The template Brother I have Customize It as it was needed to to me but need a little help you can see my template here

    http://madfreaks.blogspot.com/

    I want to head a option bar in header too as you have in your blog 🙂 I’ll be thank full if u will help a bit Thanks in Advance.

    Reply
    1. Zeeshan Post author

      Please Send an Email to “wakeupzee@gmail.com” with an snapshot of your requirements …. we will get back to you soon.. 🙂

      Reply
    1. Zeeshan Post author

      please share screen shot to this email “wakeupzee@gmail.com” so we will be able to resolve it…. thanks

      Reply

Speak Your Mind