Tanzanite Template - Three Column Stunning Blogger Template!

Demo | Download

Features

I kept some features secret from Manisha because unique resource is what we always aim for :D Here is a complete list of the features found in Tanzanite Template

1. Header With Posts Feeds and Comment Feeds
2. Beautiful Navigation And Sub Navigation
3. Left and Right Sidebars. With two mini sidebar on right 
4. Well organized Post Header with separate date, time and label sections
5. Post body with Attractive BlockQuote
6. Bullet lists with Image Hover Effect
7. Author and Reader Comments Different Style
8. Post Footer With Stunning Social Bookmarking Icons –The Flapper!
9. Post Footer With Related Post Widget
10. Posts summarized With Read More link
11. Customized Blogger Comment Form!
12. Comment Avatars
13. Flexible Search Box
14. Four Column Footer Widget. One Column Can accommodate as many widgets as you can add!
15. Customized Author Profile With Hover Effect!
16. Bookmarking Widget For Homepage!
17. And The List Continues…

Customization

Below I have discussed some important precautionary and customization steps for UsingTanzanite. Click each link for details.

1. Back Up your current Blogger template
2. Back Up your Blogger widgets
3. Upload Tanzanite Template
4. Edit The Main Navigation Menu
5. Edit The Sub Navigation Menu

Back Up your current Blogger template

You should save your current blogger template first for safety precautions. To do this follow these steps,

1. Go To Layout > Edit HTML
2. Click the link that says “Download Full Template“. As shown in the image below,

    3.    When asked where to save the template, choose a safe location in your hard drive.

    4.    Done!

Back Up your Blogger widgets

To save your current widgets codes, follow these steps,

1. Go To Layout
2. Open each widget one by one and copy the code inside it along with the title and paste it in a notepad (not a WordPad)
3. Save the notepad in a safe location
4. Done!

Upload Tanzanite Template

After you have downloaded Tanzanite Template, you will then have to replace your current template with it,

1. Go To Layout > Edit HTML
2. You will see a box with two buttons at its side that says “ Browse” and “Upload” as shown below,

    3.    Click the browse button, locate the “Tanzanite Template” file and then click the upload button

    4.    Now you will be asked that certain widget data will be lost if you click save. Since we have already backed up all our widgets so we don’t care. So Click the button that says “Confirm Save”. View your blog to see the new change! :>

Edit The Main Navigation Menu

To edit the Main navigation menu, follow these steps,

1. Go to Layout > Edit HTML
2. Search for <div id='navleft'>   (Tip:- Press Ctrl + F )
3. Just below <div id='navleft'> you will see a long chain of code as shown below,

<div id='navleft'>
      <ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>Sitemap</a>
<ul>
<li><a href='#'>Sub Page 1</a>
<ul>
<li><a href='#'>Sub Sub Page 1</a></li>
<li><a href='#'>Sub Sub Page 2</a></li>
<li><a href='#'>Sub Sub Page 3</a></li>
</ul>
</li>
<li><a href='#'>Sub Page 2</a></li>
<li><a href='#'>Sub Page 3</a></li>
<li><a href='#'>Sub Page 4</a></li>
</ul>
</li>
<li><a href='#'>Contact</a>
<ul>
<li><a href='#'>Sub Page 1</a></li>
<li><a href='#'>Sub Page 2</a></li>
<li><a href='#'>Sub Page 3</a></li>
<li><a href='#'>Sub Page 4</a></li>
</ul>
</li>
<li><a href='#'>About</a></li>
<li><a href='http://www.mybloggertricks.com'>Download Tanzanite</a></li>
</ul>
</div>

Replace The Hash signs (#) with your page links and bolded black text with your Page titles. If you don’t want the drop down menu then simply delete the blue and red portion. Replacehttp://www.mybloggertricks.com with your own page link.

If you want to add another link then simply paste this code just above </ul>

<li><a href='#'>Your Page Title</a></li>

Edit The Sub Navigation Menu

To edit the Sub navigation menu, follow these steps,

1. Go to Layout > Edit HTML
2. Search for <ul id='subnav'>   (Tip:- Press Ctrl + F )
3. Just below <ul id='subnav'> you will see the following code,

<ul id='subnav'>
        <li>
          <a href='#'>Quick Tour</a>
           </li>
        <li>
          <a href='#'>Other Webs</a>
        </li>
<li>
          <a href='#'>About</a>
        </li>
        <li>
          <a href='#'>Contact</a>
        </li>
   </ul>
    </div>

Replace The Hash signs (#) with your page links/URL and bolded black text with your Page titles. To add another link simply paste this code just above </ul>

<li><a href='#'>Your Page Title</a></li>