Tutorial+ Menu de abas

Olá meus gatuxos lindos como estão? Espero que estejam bem :P

Hoje eu vim aqui ensinar um tutorial bastante simples para vocês,que são o menu com abas mais usado para: Link-me,afiliados, créditos,etc. De fato foi sim bastante difícil de encontrar um tutorial ensinando o menu que eu queria,então depois de procurar bastante,finalmente encontrei o tutorial do menu no Broken Rose,então os créditos são todos para lá! E estou aqui repassando,pois como eu disse deu um trabalhão encontrar esse menu! 

Enfim,vamos lá então aprender como se faz? 

Aposto que primeiro vocês querem saber como ele irá ficar não é? O menu deverá ficar assim no seu gadget após o tutorial:

Se for preciso,clique para ampliar

Então,é esse mesmo que você está procurando? 

aprenda agora como é que se faz:

1º Você deve ir até o seu Layout---> Adicionar um gadget---->Adicionar um gadget de HTM/ java script:

Dento dele cole o código abaixo:

<link href='http://naah-oliver.zip.net/menu2.css' media='screen' rel='stylesheet' type='text/css'/><script src='http://poisonedapple.awardspace.us/tabber.js' type='text/javascript'/>

Este código serve para que o menu funcione corretamente,você pode também adiciona-lo como CSS,indo em modelo---> Editar Html----> procurar pelo código ]]></b:skin> , e colar antes dele o mesmo código acima,mas eu acho que colocando ele dentro de um gadget fica muito mais facil. 

Continuando....

2º Agora vá novamente em Layout---> Adicionar um gadget----> adicionar um gadget Html/java script. E cole o seguinte código abaixo:

<div class="tabber"><div class="tabbertab" title="Aba 1"><br>
Conteúdo da aba 1 
</> </div><div class="tabbertab" title="Aba 2"><br />
Conteúdo da aba 2</div> </> </div><div class="tabbertab" title="Aba 3"><br />
Conteúdo da aba 3</div> </div> <center><br />

Aprendendo a usar o código:

Aba 1, Aba 2, Aba 3: É onde você deve colocar o nome do conteúdo. Ex: Em vez de Aba 1 coloque Link-me ou o que quiser.

Conteúdo da aba 1, Conteúdo da aba 2, Conteúdo da aba 3: É onde você deve colocar o que ficará em comando ao nome da Aba. Ex: Se sua aba 1 for o "Link-me" você deverá colocar no Conteúdo 1, o código de seu link-me e assim por diante.

Se quiser acrescentar mais uma aba é muito simples,é só adicionar o código, antes de </div> 

<center><br />:
</> </div><div class="tabbertab" title="Nova Aba"><br />
Conteúdo da nova aba </div> 

Viram como é simples?

Aprenderam? 

Qualquer duvida é só me perguntar,espero ter ajudado,beijos :*