Menu em Abas

Hi.
Trouxe um tutorial do menu em abas, só que esse tutorial é beeeem mais simples que os outros!
Esse tutorial eu achei no blog Sweet Girl, então créditos à ele ;)
Bem, vocês podem estar vizualizando o menu clicando aqui.
Para obter o menu, basta ir no seu layout, adicionar um gadget HTML/JavaScript e colar o seguinte código:
<script type="text/javascript">
document.write('<style type="text/css">.tabber{display:none;}< \/style>');
</style></script>
<script type="text/javascript" src="http://static.tumblr.com/dlelfro/DZqmha795/javascriptkw.js"></script>
<link rel="stylesheet" href="http://static.tumblr.com/dlelfro/Ic9mha75p/abas.css" type="text/css" media="screen" />
<br />
<div class="tabber">
<div class="tabbertab" title="Aba 1">Coisas da aba 1</div>
<div class="tabbertab" title="Aba 2">Coisas da aba 2</div>
<div class="tabbertab" title="Aba 3">Coisas da aba 3</div>
<div class="tabbertab" title="Aba 4">Coisas da aba 4</div>
<div class="tabbertab" title="Aba 5">Coisas da aba 5</div>
</div><br />

Pronto! Agora é só editar o que está em negrito e salvar :)
P.S.: Estou aceitando pedidos de tutoriais e demais utilidades para vocês! Quem quiser pedir algo é só clicar aqui e pedir lá o que quiser, só não esqueça de se identificar colocando seu nome e o url do seu blog (a url do blog fica tipo assim: "empirecss|blogspot")

6 comentários:

  1. Adorei o tutorial, vou tentar para meu proximo layout... Muito obrigada xD
    Seguindo aqui :D
    http://lulorawords.blogspot.com.br/

    ResponderExcluir
  2. lol gostei desse vou testar para o meu layout!

    bjãoooo
    sonhos-perdiidos.blogspot.com.br

    ResponderExcluir
  3. Oh! Joga tudo num gadget e pronto! Sim, sim, bem mais simples que os outros. Adorei ^_^ assim como adorei esse blog e já virei seguidora, hehehe... eu estou aqui: www.shoujoeafins.blogspot.com

    Se gostar segue, se não gostar, tudo bem, ainda assim não deixarei de seguí-la. Kissus Luce ^^

    ResponderExcluir
  4. Esse tutorial é muito legal, no próximo layout acho que vou usá-lo ^^

    Uprising Teen

    ResponderExcluir
  5. Eu adoro esse menu, estou usando no meu blog atualmente, economiza bastante espaço, amei seu blog, já estou seguindo! Beijos *--*
    efeitosdaadolescencia.blogspot.com

    ResponderExcluir
  6. É bem útil esse menu mesmo. Talvez um dia eu use ele para as campanhas que na qual eu participarei
    Que layout lindo *--*

    diamoondy.blogspot.com

    ResponderExcluir