How to Add Multi Tabbed Navigation Widget In Sidebar For Blogger


I am going to tell you  how to add multi tabbed widget for blogger. I have seen that there are so many tutorials on the web regarding this. But as I thought these are really complicated.I am writing very easy and simple tutorial which will guide you to add this widget to your blog's sidebar.


Just Follow the simple steps :

Step 1: Go to your blogger dashboard < Layout > Edit HTML.

Step 2:And find the code </head>

Step 3: Now add the following code just before the </head> tag.

<script src='http://www.tricksmachine.com/wp-content/uploads/2010/02/tabber.js' type='text/javascript'/>
<link MEDIA='screen' TYPE='text/css' href='http://www.tricksmachine.com/wp-content/uploads/2010/02/example.css' rel='stylesheet'/>

Step 4: Now go to Layout > Add a Gadget >Page Elements, and then select "HTML/JavaScript" type.

Step 5: Now Copy the following code and paste into it and save it.

<div class="tabber">

<div class="tabbertab">
<h2>Tab 1</h2>
<p>Tab 1 content.</p>
</div>


<div class="tabbertab">
<h2>Tab 2</h2>
<p>Tab 2 content.</p>
</div>


<div class="tabbertab">
<h2>Tab 3</h2>
<p>Tab 3 content.</p>
</div>
</div>

enjoy this mathod to improve your blogging