Hi Friends, Today I am going to share 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>
That’s it. You are done. Drop your comments and tell us the feedback.
22 Responses to “Add Multi Tabbed Navigation Widget In Sidebar For Blogger”