Here is the code;

First; download this file and extract gomtabs.js and domtabs.css into your theme folder.

After that make a backup of header.php and open it. Add this code before the </head> tag;

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/domtab.js"></script>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/domtab.css" media="screen" />

Save the file and upload the server. After this you can add this code into any file of your theme. Change code what you can add;

<div class="domtab">
<ul class="domtabs">
<li><a href="#t1">Tab 1</a></li>
<li><a href="#t2">Tab 2</a></li>
<li><a href="#t3">Tab 3</a></li>
</ul>
<div>
<a name="t1" id="t1"></a>
<p>Insert contents of the first tab here,
e.g. The code for a plugin.</p>
</div>
<div>
<a name="t2" id="t2"></a>
<p>Insert contents of the second tab here.</p>
</div>
<div>
<a name="t3" id="t3"></a>
<p>Insert contents of the third tab here.</p>
</div>
</div>

That’s All. Have a nice day!

Related posts:

1. Use Tabs in Your Blog!
2. A Simple Login Form For Your Sidebar!
3. Make Your RSS Feed Link Auto Discoverable!