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>
<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>
06. You're done!!
Leave us a feedback ok? :)
0 comments
Post a Comment