Tabs 1

Poner antes de </head>.

<!-- ***** Tabs ***** -->
<link rel="stylesheet" type="text/css" href="http://galeon.com/vku/tabs/tabs.css" />
<script type="text/javascript" src="http://galeon.com/vku/tabs/tabs.js"></script>
<!-- ***** Fin Tabs ***** -->

Despues en donde quieras poner el tab.

<!-- ***** Tabs ***** -->
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 302px;">
<a class="Current">Tab 1</a>
<a>Tab 2</a>
</div>
<!-- ***** Pages ***** -->
<div class="Pages" style="width: 300px; height: 250px;">
<div class="Page" style="display: block;"><div class="Pad"><ul><li>Page 1</li><br><li>Page 1</li><br><li>Page 1</li><br><li><a href="enlace.htm" target="_self">Page 1</a></li><br><li>Page 1</li></ul><a href="enlace.htm" target="_self">Page 1</a><br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br>Page 1<br></div></div>
<div class="Page" style="display: none;"><div class="Pad"><a href="http://loseasi.blogspot.com/" target="_blank">Page 1</a></div></div>
</div></div>
<script type="text/javascript">
tabview_initialize('TabView');
</script>

Hacer los cambios necesarios en el css
tambien en los tamaños en width: y height:
se puede cambiar la imagen y colores etc...

queda asi:

Ver ejemplo: