Sunday 26 June 2011

Tanzanite Template : Three Column Stunning Blogger Template!





Happy new year in advance to all our dearest readers, friends, visitors and everyone who made DragonHack Blog a True Success within 6-7 months. Kindly accept our New Year Gift of a Free three column stunning Blogger template entitled Tanzanite”. This template was created in no more than four hours out of Cute Box Template during a chat conversation with one of my dearest reader Manisha of ShirdiSaibaba. She wanted a unique template and asked me for help. I just started by customizing Cute Box but after Four hours the entire look of the template changed to something entirely different and far cuter!
I named it Tanzanite which is the name of a precious Gem stone found in Tanzania (Africa) where Manisha lives. Lets First have a look at this pretty Template,


Tanzanite-Template

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 Using Tanzanite. 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
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,
backup-Blogger template
    3.    When asked where to save the template, choose a safe location in your hard drive.
    4.    Done!
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!
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,
Upload Blogger Template
    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! :>
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.dragonhackthis.blogspot.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. Replace http://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>

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>

Download

Note:- Subscribers have already been emailed the New year Gift (Tanzanite Template)!
To prevent misuse of our Blogger Resources we offer free Downloads to our subscribers only. If you wish to receive the Tanzanite Template and all other resources that have already been published or will be published then kindly submit your email ID by filling up the simple subscription form below,


As soon as we are informed that you have subscribed and activated DragonHacker Feed Updates, we will email you the Download Copy instantly.



Read more: DragonHackers Blogspot | Tutorial Blogger | Tutorial Internet | Tutorial Computer http://dragonhackthis.blogspot.com/ Under Creative Commons License: Attribution

0 comments: