Menu de abas

Olá Gente!

Hoje eu trago a vocês um tutorial super legal, e útil  que eu mesma uso aqui no blog, que é o menu com abas, aquele menuzinho dos afiliados,então hoje vocês vão aprender a usar esse tutorial. Então vamos logo ver como se faz, que eu não tenho mais ideia do que falar! Para ver a Preview clique aqui

Para começar, vá até seu HTML e procure por </head>.
Depois de achar o código, cole em cima dele o seguinte:

<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'/>

  Visualize e se tiver tudo certo, salve. 

Para que o menu apareça,  abra um gadget de JavaScript e cole o seguinte:

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

Entendendo!

Onde está Aba 1, você deve colocar o nome da aba, ou seja, o nome da primeira categoria.

 Onde está Conteúdo, você vai colocar o codigo da categoria. Por exemplo, você vai colocar os afiliados, coloque o código que usamos para que os afiliados apareçam no blog. 

Créditos da imagem, e tutorial: Goods Sweets