Menu em Abas



 Ontem eu soube de uma tragédia gente, aos que ainda não sabe o blog On The Fame foi Hackeado, a Daniela está tentando recuperar a conta.. {Se Deus quiser ela recuperará}..
 Ontem eu postei um dos melhores Menu's para vocês {Que eu acho}, e não poderia deixar a desejar a postagem de hoje, por isto pensei em trazer para vocês outro Menu, porém é TOTALMENTE DIFERENTE do que postei anteriormente.. porém eu acho este mais fácil de se fazer.. Ah, mais uma coisinha, adorei os comentários da postagem anterior, muito obrigado mesmo á todos que estão acompanhando o eJhonas, estão seguindo, e é claro, curtindo! :)  {Já Já aos 300 Seguidores, se Deus quiser *-*}

<br/> <a href="http://oi50.tinypic.com/2egcf7l.jpg" Ver o target="_blank"> Raw </ a>
DEMO {Ficará desta forma}

 Vá em Design  Editar HTML  Expandir Modelo de Widgets  Ctrl + F  Procure por:
<head>
Logo após ter achado, cole o código {Que esta abaixo}, e cole em cima da tag dita:



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

  Salve, e Feche! Agora por fim, entre em:
Layout  Adicionar Gadgets  HTML/Javascripts  Cole este código:

<!-- Í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 um pouquinho mais..

 No primeiro código você não deve mexer, já no segundo você pode modificar apenas os itens em negrito.. Onde está "Aba 1/2/3" Você poderá modificar, colocando o nome que você quer que apareça na visualização da aba. Já no "Conteúdo 1/2/3", é tudo o que você quer que apareça quando ao clicar na aba! Devemos estes códigos ao Drikoti!
  Mais uma coisinha pessoal, eu estou participando de um concurso, é o segundo do Blog, caso vocês pudessem votar em mim para ganhar, quem votar muito obrigado, quem não puder porque está participando também ou outro motivo tudo {Sou a cara da riqueza -n}.. {Clique aqui para o link do concurso}
Espero que eu tenha ajudado vocês com o tutorial.. uma frase que eu adoro do Sócrates {Só sei que nada sei}.. Quase esqueço sobre afiliações ainda estou vendo algumas coisinhas, arrumando elas.. quando estiver tudo pronto eu aviso ok amores?

100 comentários:

  1. Adorei as dicas! Sempre me confundo com esses códigos.

    Beijos

    Jéssica - Fashion Jacket
    http://fashionjacket.blogspot.com.br/


    FacebookTwitterTumblr

    ResponderExcluir
  2. adorei as dicas! Obg pela visitinha no meu blog e por seguir! Estou retribuindo http://thingsforgirls-coisas-p-meninas.blogspot.com.br/

    ResponderExcluir
  3. ah, eu tava procurando esse tuto, mas agora que já coloquei aquele.. deixa pro próximo. KKKKKK'
    Beijos,
    Yasmin
    http://mini-fofoquinhas.blogspot.com.br/

    ResponderExcluir
  4. Fazia um tempo que estava procurando esse tutorial,agora acheiii.
    Seguindo aqui.
    lifeonalin.blogspot.com.br

    ResponderExcluir
  5. ótima dica, pena que meu menu é na imagem.. ficaria lindo assim em qualquer blog :):)
    parabéns pelos tutoriais perfeitos do blog :):)
    http://onlyadn.blogspot.com/

    ResponderExcluir
  6. Amei a dica, mega útil *--*
    Kisses :*
    http://garotasatrevidas-s2.blogspot.com.br/

    ResponderExcluir
  7. Acho que vou usar no blog, esse ou outro menu daqui [:
    Seguindo aqui, /podia dar uma olhadinha se vc esta mesmo seguindo meu blog? é que o numero de seguidores n aumentou :/
    Kissus,
    http://semprecomvoce2012.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. usa sim, eles são perfeitos :)
      com certeza irei olhar :D

      Excluir
  8. fica super lindo! já sabia fazer (: Beijos
    http://mundo-dosadolescentes.blogspot.com.br/

    ResponderExcluir
  9. Muito show esse tutorial, mas sempre me enrolo toda quando vou botar um menu rs..Aqui é super perfeitoo *-* amei! Retribuindo!
    garota-inocente-oficial.blogspot.com

    ResponderExcluir
    Respostas
    1. Ahh, este é super simples.. não tem como se enrolar.. obrigado pela visita :D

      Excluir
  10. Muito obrigado por me ajudar com a meta! E é claro que eu to seguindo akie ;3
    Muito 10, eu adoro esse menu!
    Beijão
    http://anajuliavelasque.blogspot.com.br

    ResponderExcluir
  11. ótimo menu , vou usar-lo
    seguindo aqui lindo ,
    Seguelá-->http://smileretro.blogspot.com.br/

    ResponderExcluir
  12. adorei as dicas .
    http://daiianeoliiveira.blogspot.com.br/

    ResponderExcluir
  13. eu pensava que já estava a seguir o teu blog :( mas agora já estou yeih vivernumt0.blogspot.pt

    ResponderExcluir
  14. Nossa tomara q ela consiga recuperar,se deus quizer ela vai..amei o blog ele é bem legal...
    gosta d rock? red hot, slash, renato russo..
    entao acessa rockdeverdadeeatitude.blogspot.com/ e comenta se gostar d lá siga... t espero lá..

    ResponderExcluir
  15. Melhoras para ela!
    Adorei o menu! É bem bonito!

    Beijos,
    Mundorosaachock.blogspot.com

    ResponderExcluir
  16. Poxa tomara que ela consiga recuperar, muito chato essas coisas ):
    http://fasesdegarota.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. tomara mesmo.. demais por sinal D; Thanks pela visita :D

      Excluir
  17. Adorei a dica! e já estou seguindo é claro!
    beijos flor <3
    e aparece no blog! novo post :)

    beijos

    ResponderExcluir
  18. eu uso esse menu,acho bem facil de editalo e fica bem organizado no blog tbm!!
    bjoos'
    noisconectados.blogspot.com.br

    ResponderExcluir
  19. Valeu, estava procurando esse tutorial *uuu*

    Nossa nem tava sabendo DDD: Meu deus, tomara que ela consiga!

    Uprising Teen

    ResponderExcluir
    Respostas
    1. Nada a disposição *.* é tomara. Thanks pela visita sz ;D

      Excluir
  20. Ótimo tutorial!
    Muito bom! Gostei!
    Super útil! Estou seguindo aqui também tá Jhonas?
    Seu blog é muito bom!

    www.ingridsakamotodossantos.tk
    Obrigada pela sua visita, ela é muito importante pra mim viu? Volte sempre amore♥ Se puder na próxima vez que você for visitar o blog, você pode clicar no banner da Cappuccine Store? É só você clicar e sair! É Menos de 1 minuto! Fico grata se fazer isso!

    ResponderExcluir
  21. Otimo tutorial , essa semana tava pensando em postar esse menu, vô postar hoje .
    Obrigada pela sua visitinha lá no SI,e por ter comentado e seguido .
    è uma honra te ver lá , viu flor .
    Aqui é muito muito lindo, aceitya afiliação ?
    Aguardo a resposta,beijos.
    http://blog-sweetimagination.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. ahh obrigado..
      estou arrumando a parte de afiliação ainda.. quando tiver pronta eu aviso para você pode deixar :D

      Excluir
  22. Gostei do tutorial, o menu fica bem legal desse jeito!
    bjs
    http://blogtrashrock.blogspot.com.br/

    ResponderExcluir
  23. Já sabia dessa do OTF, tomara que ela consiga mesmo.
    conheço esse Menu, mas não sabia como pôr, ótimo tuto.
    Obg por visitar o GM, foi uma honra te ver por lá, gostei daqui e irei acompanhá-lo. Já estou seguindo! <3
    xoxo
    garotasmustaches.tk

    ResponderExcluir
  24. Olá Jhonas, sempre com dicas interessantes!
    Muito obrigada pelos tutoriais, e parabéns pelos 200 seguidores...quase 300!

    Beijinhos!

    www.shoeccessful.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Ahh obrigado, se Deus quiser ja ja consigo os 300 KK XD

      Excluir
  25. adorei o tuto do menu!:B
    retribuindo sua visita!bjs
    amarrandocadarços.tk

    ResponderExcluir
  26. adorei seu blog *u* só tutos úteis :D
    obrigada pelo comentário no meu cantinho ;D

    http://help-adolecentro.blogspot.com.br/

    ResponderExcluir
  27. esse tuto é realmente mto bacana *--*

    :* Beijos e fique à vontade para visitar o AD ((:
    http://mini-fofoquinhas.blogspot.com.br/

    ResponderExcluir
  28. Adoro esse tuto ,é o mesmo menu que a Lary do The Lovers usa ,não é?

    #Xoxo >>day-princess.blogspot.com

    ResponderExcluir
  29. Fica muiito legal, adorei!!

    http://hitfeminino.blogspot.com.br/

    ResponderExcluir
  30. Adoro esse menu *-*
    Bjs Chibiusa,
    http://bubble-explosion.blogspot.pt

    ResponderExcluir
  31. Esse menu é bem fofinho *--*
    Acho que irei usar no meu próximo lay.

    Bjão ~~> http://fannydream.blogspot.com

    ResponderExcluir
  32. Já conhecia esse menu, é bem bacana :))

    Beijos <3
    blogcandysweet.blogspot.com.br

    ResponderExcluir
  33. Fica lindo o resultado :)

    http://bugigangazdanet.blogspot.com.br/
    seguindo

    ResponderExcluir
  34. Que legal esse tutorial *---* Eu adorei o outro também ,mas prefiro esse por ser mais prático kk Eu acho ^^ Seguindo seu blog ,não segui ontem porque o gadget seguidores não abriu aqui :( Mas já to seguindo ,e curtindo ,eu adorei seu blog ,todo trabalhado na Britney haaha"
    Amo a Bri *.*

    http://quandochegardezoito.blogspot.com.br/

    ResponderExcluir
  35. Hey . Obrigada pela visita em meu blog .
    Post:
    Sempre quis sabe como faz este tutorial ...

    ♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥
    http://blog-meninasmalucas.blogspot.com.br/
    ♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥

    Volte sempre .
    Bjim *_*

    ResponderExcluir
  36. Esse tutorial é realmente perfeito , adoro usar de vez em quando.
    Smach:3 | http://www.viciadasemcupcake.blogspot.com.br/

    ResponderExcluir
  37. Bem legal o tutorial!
    Bjos!
    amonailart.blogspot.com

    ResponderExcluir
  38. adorei '
    Beeijos ;*
    http://itsblond.blogspot.com.br/

    ResponderExcluir
  39. EU USAVA no meu antigo lay mas acabei enjoando ;)

    Beijos♥

    carismaticaoficial.blogspot.com

    ResponderExcluir
  40. Nossa que legal , ótimo pra mim que quero organizar meu layout é muitos gadgets e tudo mais! XD é triste XD, mas que bom que você gostou do meu blog *--*! Obrigada pelo carinho, você disse que seguiu meu blog, mas não te vi lá... De qualquer forma já estou seguindo o seu cantinho, adorei tudo de verdade e claro vai virar meu point =)

    ResponderExcluir
    Respostas
    1. É bem mais fácil com este tuto.. ja estou seguindo, e valeu pela visita :D

      Excluir
  41. Muito útel. Já tinha conhecido o tuto em utro site! Talvez use no próximo lay! Beijinhos
    Clique e navegue a vontade!Jaguars Edictions!

    ResponderExcluir
  42. adorei o tutorial, tava procurando ele já faz tempo, talvez eu use no próximo design do blog (:

    http://fairiesdancing.blogspot.com.br

    ResponderExcluir
  43. Legal! :) Mas eu gosto muito do meu menu :/
    Beijos...
    batomdeframboesa.blogspot.com

    ResponderExcluir
  44. Ai ameei vou usar com certeza aushaushaush s2


    Beijos.

    opedecoelho.blogspot.com.br

    ResponderExcluir
  45. Me ajuda muito! Eu sou péssima em html, mas seus tutoriais ajudam bastante, viu? Adorei.
    Beijinhos

    www.hiperbolismos.blogspot.com

    ResponderExcluir
  46. KK vou levar no elogio {porque sou menino} xD E mt obrigado por me indicar sz :D irei ver sim pode deixar :D

    ResponderExcluir
  47. Adorei o tutorial!
    Seu blog é muito lindo *-* Estou encantada.
    Estou seguindo >< Espero que sua meta seja cumprida!
    Sempre que possível irei retornar aqui :D

    Beijos! http://porckybunny.blogspot.com.br/

    ResponderExcluir
  48. Eu adoro esse menu, tira bastante espaço da sidebar *-*

    http://generationteenbr.blogspot.com.br/

    ResponderExcluir
  49. Eu vi esse tutorial já em outro blog, mas não conseguir fazer, aqui está bem mais explicado, seu blog é muito fofo, obrigada por visitar e me seguir, vou tentar fazer o menu, quem sabe dessa vez eu consigo *-*

    http://blog-adolescendo.blogspot.com/

    ResponderExcluir

© eJhonas - 2012. Todos os direitos reservados.
Design Jhonas Balsas.
Tecnologia do Blogger.
imagem-logo