7.14.2012

Tutorial: Menu de abas




Olá Meninas! 
 Hoje, vim com um novo tutorial , vamos aprender a fazer um menu de abas,para deixar seu blog mais elegante ! 
Menu de Abas ?
Bom  menu de Abas é esse aqui:






Vai em ;
Depois que encontrar vá em Editar HTML ,
Aperte  Ctrl + F 
E procure por <head>
 Embaixo de <head> , o código abaixo deve ser colocado:



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



Vizualize antes de salvar, depoi salvar. 

Agora vá em layout , adicione um  gadget de HTML/Javascript, e cole onde quer que apareça
e escreva o titulo.


<!-- Ínicio 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 />


Quando você salvar, a cor das abas será de acordo com a cor de seu blog.
Prontinho espero que tenham gostado !



Nenhum comentário:

Postar um comentário