Tutorial : Menu Abas

Olá minhas amigas & leitoras !

me desculpem por demorar a postar & também por ficar fora !

é que estou muito enrolada no dia - á - dia 

bom .. não tenho nada á falar para vocês . 

Trouxe um tutorial de menu ABAS . 

é um menu muito fofo , quer ver? clique aqui .

esse blog de preview de tutorias nem é meu :p

vamos aprender?

let's go !!!!!1

Primeiro, adicione um gadget em HTML/Java Script com esse código:

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

Esse código é para o efeito do Menu de Abas ficar do jeito do Live Preview.

Agora, pra você coloca-lo no seu blog e colocar seus gadget's nas abas, adicione outro gadget com HTML/Java Script e cole esse código: 

<!-- Início Menu Abas --><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><!-- Fim Menu Abas --><center><br />

Acho que está fácil pra entender, mas vamos lá...

~ENTENDA O CÓDIGO

O que está em Negrito, seria o nome referente ao que estará escrito nas abas do menu.

O que está em Itálico, é onde você vai colocar o código de HTML do seu gadget.

Se você quiser colocar uma imagem como eu coloquei no LP e depois escrevi ou coloquei o HTML do gadget, é esse código que você deve colocar antes do código do seu outro gadget:

<img src="http://static.tumblr.com/3k2w6wn/dCNmao24i/pec3.png" class="elitescale" />

O que eu marquei em ROSA, é o código da sua imagem.

Entenderam?

Espero que sim, e que usem-no.

Beijoos :*