Para usar qualquer menu de abas, ponha isso onde você quer que o menu apareça:

<div class="tabber"> <div class="tabbertab" title="Aba1"> Conteúdo 1<br /> </font> </div> <div class="tabbertab" title="Aba2"> Conteúdo 2<br /> </font> </div> <div class="tabbertab" title="Aba3"> Conteúdo 3<br /> </font> </div> <div class="tabbertab" title="Aba4"> Conteúdo 4<br /> </font></div> </div> <p>

Agora escolha o modelo que mais te agrada, e pegue o código que se encontra abaixo de cada modelo e coloque:
Se você usa flogvip: No início do seu post.
Se você usa blog: Dentro das tags <*head> e <*/head> (sem as *).
Se você usa wordpress: Em baixo de cada modelo tem as instruções.

Modelos:
Visualizar » Código:

<link rel="stylesheet" href="http://cherryluv.com/goodies/css/tabberbiiah.css" type="text/css" media="screen"/> <script type="text/javascript" src="http://cherryluv.com/goodies/css/tabber.js"></script></link>

Se você quer usar no wordpress esse modelo, siga as instruções:

Coloque esse código dentro do seu style:

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */</p> <p>/*————————————————–<br /> REQUIRED to hide the non-active tab content.<br /> But do not hide them in the print stylesheet!<br /> ————————————————–*/<br /> .tabberlive .tabbertabhide {<br /> display:none;}</p> <p>/*————————————————–<br /> .tabber = before the tabber interface is set up<br /> .tabberlive = after the tabber interface is set up<br /> ————————————————–*/<br /> .tabber {}<br /> .tabberlive {<br /> margin-top:1em;}</p> <p>/*————————————————–<br /> ul.tabbernav = the tab navigation list<br /> li.tabberactive = the active tab<br /> ————————————————–*/<br /> ul.tabbernav{<br /> margin:0;<br /> padding: 3px 0;<br /> background: background: url("http://i41.tinypic.com/2q8sn0p.gif") no-repeat left top;<br /> border-bottom: 1px solid #F4B7D6;<br /> font: 11px verdana;<br /> cursor: cool-resize; }</p> <p>ul.tabbernav li{<br /> list-style: none;<br /> margin: 0;<br /> background: background: url("http://i41.tinypic.com/2q8sn0p.gif") no-repeat left top;<br /> display: inline;<br /> cursor: cool-resize;}</p> <p>ul.tabbernav li a{<br /> padding: 3px 0.5em;<br /> margin-left: 3px;<br /> border-bottom: 1px solid #F4B7D6;<br /> background: background: url("http://i41.tinypic.com/2q8sn0p.gif") no-repeat left top;<br /> background-position:0% -42px;<br /> text-decoration: none;<br /> cursor: cool-resize;}</p> <p>ul.tabbernav li a:link { color: #C7377D; cursor: cool-resize; }<br /> ul.tabbernav li a:visited { color: #C7377D; cursor: cool-resize; }</p> <p>ul.tabbernav li a:hover{<br /> color:#C7377D;<br /> background:url("http://i41.tinypic.com/2jdmgcx.gif") no-repeat right top;<br /> cursor: cool-resize;}</p> <p>ul.tabbernav li.tabberactive a{<br /> background:url("http://i41.tinypic.com/2jdmgcx.gif") no-repeat right top;<br /> border-bottom: 1px solid #fe9dc3;<br /> cursor: cool-resize;}</p> <p>ul.tabbernav li.tabberactive a:hover{<br /> background:url("http://i41.tinypic.com/2jdmgcx.gif") no-repeat right top;<br /> background-color: #feeef5;<br /> border-bottom:1px solid #F4B7D6;<br /> cursor: cool-resize;}</p> <p>/*————————————————–<br /> .tabbertab = the tab content<br /> Add style only after the tabber interface is set up (.tabberlive)<br /> ————————————————–*/<br /> .tabberlive .tabbertab {<br /> padding:5px;<br /> background: background: url("http://i41.tinypic.com/2q8sn0p.gif") no-repeat left top;<br /> border-top:0px none;<br /> cursor: cool-resize;}</p> <p> /* If you don't want the tab size changing whenever a tab is changed<br /> you can set a fixed height */</p> <p> /* height:150px; */</p> <p> /* If you set a fix height set overflow to auto and you will get a<br /> scrollbar when necessary */</p> <p> /* overflow:auto; */}</p> <p>/* If desired, hide the heading since a heading is provided by the tab */<br /> .tabberlive .tabbertab h2 {<br /> display:none;}</p> <p>.tabberlive .tabbertab h3 {<br /> display:none;}</p> <p>/* Example of using an ID to set different styles for the tabs on the page */<br /> .tabberlive#tab1 {}<br /> .tabberlive#tab2 {}<br /> .tabberlive#tab2 .tabbertab {<br /> height:200px;<br /> overflow:auto;}

E este código dentro da "Header":

<script type="text/javascript" src="http://cherryluv.com/goodies/css/tabber.js"></script></link>

Em breve mais!