26 de jul. de 2012

Tutorial: Menu de Abas


Hello Babys ,  hoje não deu pra mim postar mais cedo, porque eu durmi na casa da minha vizinha , e fiquei lá  quase a tarde toda , mais enfim , hoje trouxe tutorial,  de como colocar Menu de Abas no blog .
Pra quem não sabe de qual menu eu estou falando , veja na imagem :



Eu acho esse Menu muito util para não ocupar muito espaço na siberia .
Veja o tutorial , logo abaixo :


1. Vá em Design > Editar HTML > e bem no comecinho do HTML , voce vai encontrar a tag <head> , caso não encontre , tecle CTRL + F , e procure pela tag

  <head>   

2. Quando acha logo acima da tag , cole o seguinte 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'/>


3.  Visualize , e se estiver tudo certo , salve . Após , vá em Design e adicione o gadget HTML/JavaScrip e cole o código abaixo .

<!-- Ínicio Menu Abas ~ By Drikoti.Net -->
<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 ~ By Drikoti.Net -->
<center><br />


Entendendo


Modifique somente as partes em negrito .
Na onde esta escrito Aba (e o numero 1/2/3) modifique pelo nome que você queira que apareça na aba .
Já onde esta escrito Conteúdo (e o numero 1/2/3) e oque voce quer que apareça quando clica na aba .

Exemplo:


Nesse menu eu quero que fique o Link-Me , os afiliados , e os créditos (exemplo)
Então na onde tá Aba 1 , vc apaga e escreve Link-Me , no caso .
E no conteúdo 1 , tipo eu vo colocar a imagem ai voce vai e pega o HTML da imagem e coloca no lugar do Conteúdo 1 , entendera, ? assim faça o mesmo , com os outros .

Créditos 

O código é do [www]

Espero que tenham conseguido , beijos .


AVISO: De agora em as postagens vão mudar , funcionará assim , toda semana , eu irei portar sobre um filme que eu assisti (que eu gostei) , ultilitários , tutoriais , dicas , terá o quadro Blognota10 (já fiz uma postagem , que foi com o blog Casa do PhotoScape) , estou pensando em colocar 1 video no final de cada postagem (mais o video, vai ser um tema por mes (eu acho) , e terá entrevistas , e postagens sobre famosos) ,ok ? pois o blog,  ta com muitas postagens iguais .

2 comentários:

Vinicius Souza disse...

Claro, mais com os devidos creditos!


www.toddynhosemcanudo.com

mille ☆ disse...

Ameeei o tuto, mega útil.
Kisses :3 '
http://garotasatrevidas-s2.blogspot.com.br/