5 de set de 2011

Menu de abas

Tumblr_lncrgwyjv21qj5202o1_500_large

   Há um tempo atrás eu vi no blog da Erica Judd (Garotas e Derivados) um menu de abas super prático! E como nesse tempo eu tava cheia de outros tutoriais para postar acabei esquecendo dele... Mas, hoje dei uma passadinha no blog dela e ao ver ele, acabei lembrando e vim postar para vocês! Veja um exemplo aqui. Mais um tutorial que os códigos são do Drikoti, obviamente têm os seus merecidos créditos. Vamos simbora ao tutorial?

Primeiramente venha até aqui e escolha a cor, e faça o download. Feito isso vá até Design > Editar HTML e proucure pela tag: <head>. Agora abaixo dela, cole o código que você baixou. Salve as alterações. Agora você precisa por o menu na sua sidebar: Design > Elementos da Página (já vai estar lá!) > Adicionar um Gadget > HTML/Javascript e cole o código abaixo:
<!-- Ínicio Menu Abas ~ By Drikoti.Net -->
<div class="tabber">
<div class="tabbertab" title="Título 1">
Conteúdo 1
</div>
<div class="tabbertab" title="Título 2">
Conteúdo 2
</div>
<div class="tabbertab" title="Título 3">
Conteúdo 3
</div>
</div>
<!-- Fim Menu Abas ~ By Drikoti.Net -->

   A cor salmão são os títulos das abas. Já os que estão na cor verde são o conteúdo. Desculpem por este meu tempo sem postar. Mais o problema não foi a falta de tempo, foi a preguiça mesmo (que feio Emily! Haha). Não tenho aula hoje, quarta e nem quinta. Então fica melhor para eu atualizar pra vocês! Enfim, espero que tenham gostado desse tutorial, ele é super prático como eu disse antes, pois ele "economiza" espaço para os gadgets. 

15 comentários:

  1. Hoje eu perguntei pra Érica onde ela tinha pego o código! ._. Emily, vc adivinha pensamentos?? rs
    Amei o tuto! Kissus

    www.bombadecereja.tk

    ResponderExcluir
  2. Ameii o seu blog!!Ele é suuperr!
    Participe do sorteio do blog Klube teen e concorra a um mega kit de unhas! É shoow
    http://klubeteen.blogspot.com/2011/09/sorteio-cosmix-pro-nailz-resenha.html

    ResponderExcluir
  3. Super bom hein :D! Ameei!
    http://blogdasgarotasby.blogspot.com/

    ResponderExcluir
  4. Ah, esse menuzinho do Drikoti. No tuto de lá ele não funcionou no meu blog. Se aparecer tempo vou testar com as suas explicações *-*
    Bjs
    girlson-line.blogspot.com

    ResponderExcluir
  5. oi. vc conhece algum site que tenha imagens para fundo de blog

    bjos e visita meu blog: apenas-meninas.blogspot.com

    ResponderExcluir
  6. Instalei no meu blog teste e adorei, quando o novo lay do blog sair vou colocar.
    Tem post novo. Comenta?
    http://girlteen-s2.blogspot.com/

    ResponderExcluir
  7. Hahaha !fiquei intrigada ! Desculpa se expus o tutorial e que estava na seca e este era inédito (eu acho) , mas também sei qual que é o site só que preferi em forma de tutorial !
    Bjiim Flor,
    http://blogdasgarotasby.blogspot.com/

    ResponderExcluir
  8. Este aqui : http://border-radius.com/ ele faz o codigo da borda conforme vc por o número na caixinha que tem (ao lado) números tipo 0!
    E beeeeeeeem mais fácil!
    Bjoooos,
    http://blogdasgarotasby.blogspot.com

    ResponderExcluir
  9. aqi, q código eu baixo? me ajuda! qro muito esse menu
    TDiaryofteens.blogspot.com

    ResponderExcluir
  10. queria saber como faço as abasdo meu menu ficarem coloridas :/

    ResponderExcluir
  11. o blog drikoti foi desativado... e dai n tem como pegar o codigo, eu queria muito fazer esse menu, bjs

    cherry-miint.blogspot.com

    ResponderExcluir
  12. Eu quero esse menu mais o Drikoti está desativado ):,b bjs.

    umblogdivertido-oficial.blogspot.com.b

    ResponderExcluir
  13. amoore não dá para usar esse menu, pois, o Drikoti está desativado e não dá para pegar o código :( Eu preciso muito desse menu...

    http://blog-letsbehappy.blogspot.com.br/

    ResponderExcluir

Comentários como "o blog tá lindo, bjo" "to seguindo, segue de volta??" "ai que lindo o blog, retribui a visita/comentário?" serão ignorados. Por favor, leia a FAQ e as outras páginas internas antes de perguntar qualquer coisa.