Introducing Taibi Responsive Blogger Template

After designing a new template for my blog, I decided to relaunch the previous version of my blog's template with some modifications. I have completed the modifications in template and now I am gonna introducing you with Taibi Responsive Blogger Template.

Taibi is completely responsive blogger template which is designed to work on all type of devices smoothly. It has a simple look and great user interface which makes Taibi highly SEO optimized blogger template. After installing this template to your blog, you will soon notice increase in your SEO rankings because I have taken care of all SEO features in this template.

DEMO | Download

Template Charateristics:

• Google Adsense Ads Ready
• SEO Optimized
• Clean Coding
• Responsive Design
• Compatible With All Browsers
• HTML5 and CSS3
• Easy To Customize
• Full Width Static Page
• About Author Widget

Template Customization:

Here I am gonna explain some basic customization for Taibi blogger template.

Main Navigation:

To customize main navigation, go to blogger Dashboard > Template > Edit HTML and find following code in the template. Replace all # with the URLs of your choice and replace green text with their anchor texts.

<div id='navigation'>
<ul class='navigation-menu' id='navigation-id'>
<li class='home'><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>Blogging</a>
</li>
<li class='sub-indicator'><a href='#'>Blogger</a>
<ul class='sub-menu'>
<li><a href='#'>Blogger Tricks</a></li>
<li><a href='#'>Blogger Widgets</a></li>
<li><a href='#'>Blogger Templates</a></li>
</ul>
</li>
<li><a href='#'>Earn Money Online</a>
</li>
<li><a href='#'>SEO</a>
</li>
<li><a href='#'>Online Security</a></li>
<li><a href='#'>Social Media</a></li>
<li class='sub-indicator'><a href='#'>Misc</a>
<ul class='sub-menu'>
<li><a href='#'>Unblock Youtube</a></li>
<li><a href='#'>Internet Tricks</a></li>
</ul>
</li>
</ul>

About Author:

To customize about author box, in blogger template editor find the following piece of code and replace green text with your own text and replace yellow links with your social media links.

<h3>About Author:</h3>
<img align='left' expr:alt='data:post.author' expr:src='data:post.authorPhoto.url'/><p><a expr:href='data:post.authorProfileUrl'><data:post.author/></a> Write Something About Yourself</p><br/>
<p>Let&#39;s Get Connected: <a href='http://twitter.com/helpitx' rel='nofollow' target='_blank'><font color='#00aced'>Twitter</font></a> | <a href='http://www.facebook.com/helpitxofficial' rel='nofollow' target='_blank'><font color='#3b5998'>Facebook</font></a> | <a href='http://plus.google.com/+helpitx_official' rel='nofollow'><font color='#dd4b39'>Google Plus</font>
</a></p>