Taken randomly from google

Hi friends. Today im gonna share with all of you the code for multi tabbed navigation widget that I found from http://dacoolhunter.blogspot.com/

So far, this is the most simple tutorial I found and it is working!!

Below are the steps required:

01. Go to your blogger dashboard > Layout > Edit HTML.
02. Find the code </head>
03. 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'/>

04. Go to Layout > Add a Gadget > Page Elements > HTML/JavaScript
05. 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>

06. You're done!!

Leave us a feedback ok? :)


Post a Comment

Related Posts with Thumbnails