It  s Blogger 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.


About carelexxmalik

helllllo everyone! my name is carelexx malik i love blogging and i have much intrest in it i always search for new things

Posted on February 19, 2012, in blogger and tagged , , . Bookmark the permalink. Leave a comment.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: