12 de set de 2012

Tutorial: Use o Menu de Abas!

Tumblr_lshftvpd2a1qlr787o1_500_large

Oii minhas pinceladoras queridas, tudo bem?! Mil desculpas, faz tempo que eu não apareço por aqui né? A nova agenda confesso que me deixou um tanto confusa, mas acho que com o tempo a gente acostuma. Em compensação trouxe um tutorial super legal e prático, e cá para nós deixa o blog bem mais organizado em um único gadget né? É o menu de abas.



Não conhece? Eu trouxe alguns exemplos:


Lembraram, ou já viram? O bom é que dá para você usar e colocar vários gadgets em um só, e acrescentar quantas abas quiser!! Vou ensinar uma maneira bem prática que aprendi no The-Lovers, por isso é para linda Lary que vão os créditos.

Vá em Layout ~> Adicionar um Gadget ~> HTML Java Script ~> Cole:

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

Agora feche.
Vá em Adicionar outro Gaget HTML Java Script e cole:


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

Mais fácil impossível não é?

Acho que por hoje é só, só queria matar a saudade <3

Beijooo pikuchos :3



19 comentários:

  1. Faz tempo que queria esse tuto ^-^ Super fácil e prático! *-*
    Bjos...

    - SammySacional -
    - Dando Uma de Escritora -

    ResponderExcluir
  2. ótimo tutorial, parabéns!

    apsmass.blogspot.com

    ResponderExcluir
  3. Adoooooro esse menu 'u' Mas fico com raiva, porque ele só funciona comigo quando bem entende u.u -q

    Beijos ♥ || #Querida Loucura

    ResponderExcluir
  4. haa eu adoro esse menu. eu uso é super pratico e ajuda muito. ^^

    garotaadocicada(blogspot)

    ResponderExcluir
  5. Esse menu é bem estiloso, e ocupa pouco espaço, por isso gosto muito! ótima dica.
    beijos

    morango-aos-pedacos (tk)

    ResponderExcluir
  6. ótimo tutu! adoreei s2
    Bezoos --> My Candy Space (acesse o blog pelo meu perfil)

    ResponderExcluir
  7. O menu de abas,é muito lindo e facil de ser instalado,e ainda ocupa pouco espaço. :D

    O tutorial está super bem explicado,adorei...
    behind-the-paris.blogspot.com

    ResponderExcluir
  8. Muito obrigada mesmo, esse tutorial me ajudou muito!

    Parabens pelo blog. Muito sucesso!

    Beijos

    ResponderExcluir
  9. Oii!Amei seu blog e esse menu já uso no meu blog há séculos!
    Aceita afiliação?
    My blog is Candy Cam, espero que goste!

    ResponderExcluir
  10. Vdd, como inserir mais abas? Deveria ter um tutorial na postagem explicando isso, rs

    ResponderExcluir
  11. O menu parou de funcionar :/ em todos os blogs, você viu? Aqui também. O pior é que não acho outro pra usar...

    myacidblackcherry.blogspot.com

    ResponderExcluir
  12. No meu também, não funciona mais e só está bugando meu template. A Plasmmer teve o mesmo problema em um site e decidiram inserir esse código no PEHTML para facilitar nossas vidas! Pena que nem todos os navegadores suportam o pehtml, e ele ainda está em beta =/
    http://plasmmer.com/pehtml/

    ResponderExcluir
  13. Obrigada, Ficou perfeito no meu blog,ajudou a diminiur aquele monte de Gadgets que tinham lah. Obg ><
    http://comentariosde1garotaqualquer.blogspot.com.br

    ResponderExcluir
  14. Muitoooo obrigado.
    Faz muito tempo q procurava esse tutu :*

    ResponderExcluir
  15. Ele é bem fof, mais eu queria saber como deixa a letra colorida.Por que no meu só fica preta T^T
    #May-Sun

    layrakauana.blogspot.com.br/

    ResponderExcluir
  16. olá usei e creditei no meu blog esse tuto tah http://naosoudotumblr.blogspot.com.br/2013/02/menu-em-abas.html

    ResponderExcluir

Olá, aqui temos uma Mini F.a.q pra te auxiliar:

-Não aceitamos Tags e Selinhos
-Precisa de uma Postagem? Pode comentar :)
-Afiliação? Somente na página sobre como se afiliar. Pedidos nos comentários serão desconsiderados
-Por favor, sem xingamentos para o bem de todos
-Nunca deixe a URL do seu blog no final do comentário, o blogger considera isso SPAN e exclui seu blog :(
-Por favor não plageie.
Mais alguma pergunta? Comente aqui ou Leia nossa F.a.q completa

Obrigada