The 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
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 →</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&send=false&layout=button_count&width=77&show_faces=false&font&colorscheme=light&action=like&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='http://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.
Post a Comment
Thanks You For FeddBack! :)