Add Multi Tabbed Navigation Widget In Sidebar For Blogger

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=’’ type=’text/javascript’/>
<link MEDIA=’screen’ TYPE=’text/css’ href=’’ 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 class=”tabbertab”>
<h2>Tab 2</h2>
<p>Tab 2 content.</p>

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

That’s it. You are done. Drop your comments and tell us the feedback.

Previous Post

Download WP Soul Free Professional WordPress Theme

Next Post

Stop the Blue Screen of Death: Fixing the 10 Most Common Causes

Related Posts