Menu de Abas


Boa tarde leitores ~3 

Estou bastante feliz pelo blog, faltam apenas dez seguidores para chegarmos aos duzentos e até agora, já temos até um blog irmão que podem visitar clicando aqui. Estou aqui para trazer o nosso primeiro tutorial! Não estava com muitas ideias, por isso pensei em postar como colocar o menu de abas no blog, aquele que está no último gadget do blog.

Antes de começar o tutorial gostaria de pedir que vocês façam pedidos na ask, de tutoriais, dicas ou até mesmo utilitários. Baixei o photoshop e agora estou com três programas de edição para ajudá-los. Em breve a Sakura também estará postando por aqui. Agora, please, enjoy ~

1. Vá em seu html, e bem no começo você irá encontrar a tag <head>. Abaixo dela, adicione este código:
<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'/>
2. Visualize e depois salve. Agora, vá em Layout e crie um gadget Html/JavaScript colando o seguinte código nele:
<!-- Í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 /> 
Modifique as áreas necessárias e depois salve. Encontrei este tutorial no blog Tea Ideas; é ele que eu uso aqui e posso garanti que não há erro. Se houver algum, me contate nos comentários. Espero que tenham gostado ^^

34 comentários:

  1. Esse menu é super fofo e deixa o blog super organizado, adorei o tutorial! ~ ♥

    Chu :3
    mikicandy.blogspot.com

    ResponderExcluir
  2. É muito útil esse tutorial, deixei nos favoritos para qualquer dia que precise u3u
    Lindo blog aqui Ceci, seguindo! <3

    crazyforhtml.blogspot.com

    ResponderExcluir
  3. Organização e fofura juntos em um só menu USHAUSHA'
    Flor, vou postar um tutorial explicando como eu fiz aqueles efeitos com as fontes, ok? Beijos ♥
    pqngarota.tk

    ResponderExcluir
  4. Eu sempre uso esse tuto, deixa tudo bem mais organizado e além de tudo é muito fofo ^^
    Sweet Love
    Html Secrets

    ResponderExcluir
    Respostas
    1. Obrigada :3
      Na verdade eu usava, mas aí começou a dar erros e só agora voltei à usá-lo. É muito útil!

      Excluir
  5. Amei esse menu é muito fofo *------*
    Beijooos
    chovendoemp-a-r-i-s.blogspot.com

    ResponderExcluir
  6. Bem fácil o tutorial. Já coloquei nos meus favoritos aqui, com certeza eu vou usa-lo u-u

    Kissus
    Perfect Things

    ResponderExcluir
  7. muito bom o tuto, curtii :3
    kisses
    http://ncnosekai.blogspot.com.br/

    ResponderExcluir
  8. Muito lindo, seguindo aqui!!
    Visita meu blog? se gosta segue, vou adorar!
    onceuponatime-ary.blogspot.com.br
    obrigada!

    ResponderExcluir
  9. Adorei o tutorial! ^^ O menu de abas é muito fofo e deixa tudo mais organizado. Sabes, acho que usarei! Se tiver tempo aplicarei o tutorial à tarde. ^^ Ficará bem no CS! :3

    @Catching Stars

    ResponderExcluir
  10. Hooy, olha eu aqui de noovo ç.ç
    É que o nome do blog mudou, agora é Prince Modern
    Desculpe o incomodo, mais é que eu tive que mudar T^T

    Kissus
    Prince Modern

    ResponderExcluir
  11. Oi ,amo seu blog de verdade , visita o meu ? Se gostar segue ? worldcandyy.blogspot.com

    ResponderExcluir
  12. adorei o tutorial, é super simples, né? e além disso deixa o blog bem mais organizado! amei o blog :)
    ♥ xoxo, Bárbara ♥
    meu blog: Bárbara Rodrigues

    ResponderExcluir
  13. Esse menu é muito perfeitinho, adoro ele Nescau com Nutella e 4 Seconds. ( se importa se seguir os dois? '-' )

    ResponderExcluir
  14. legal o tuto, falta só 1 seguidor pros 200 *OOOOOO* que alegria pra vc *u*

    Vc ta precisando de postadora? eu adoraria postar aqui!
    Beeijos, ✖ Breaking Dreams ✖

    ResponderExcluir
  15. Adorei o tutoria, vou esperar dar 400 seguidores no meu blog para usar esse tuto no meu próximo lay... Seguindo aqui, amei seu blog, layout, conteudo, simplesmente tudo bom... Tomara que seu blog cresça e cresça muito muito.... Retribui e se der segue o meu blog?

    http://www.worldshone-oficial.blogspot.com.br/

    ResponderExcluir
  16. aa ja vi o menu. posso ser filiada? quaseprincipa.blogspot.com.br e seguindo

    ResponderExcluir
  17. Olá, Deus te abençoe, amiga eu amei esse menu, o seu blog é maravilhoso sucesso, já estou te seguindo. Aguardando retribuição. ESTOU CONVIDANDO VOCÊ PARA UM CONCURSO NO MEU BLOG, EU E LOJA TPM OFERTAS, MINHA PARCEIRA, SORTEIO DE UM ÓCULOS RAY BAN.
    Blog: http://arrasandonobatomvermelho.blogspot.com.br

    ResponderExcluir
  18. Muito util esse tutorial, eu sempre uso para o wedgets de extras mas dessa vez eu não usei '-' amei seu blog tão fofinho alias to seguindo seu blog e vc?????? Vou ser leitora fiel taA? amei seu blog <3 Passa la pfv
    http://worldshone-oficial.blogspot.com.br/

    ResponderExcluir
  19. Oi Querida,! Eu sou super sua fã! adorei o post! poderia me fazer um favor? eu tenho um blog e queria mais seguidores poderia me seguir? Espero que sim, só para avisar eu já sigo você!


    Meu blog: -------> http://maria-make.blogspot.com.br/

    ResponderExcluir
  20. Segue de volta? http://faclubmh.blogspot.com.br/ A-M-E-I seu blog

    ResponderExcluir
  21. É muito útil esse menu de abas. Eu tinha no meu layout antigo, talvez eu volte a usar..
    Gostaria de se afiliar ao meu blog? (:
    Bjj.

    http://reinventandoconceitos.blogspot.com.br/

    ResponderExcluir
  22. Sensacional seu blog
    Faça uma visitinha ao meu
    http://designvisuall.blogspot.com.br/
    bjs...

    ResponderExcluir
  23. Oiie, muito legal, Já estou seguindo
    Segue o meu (se gostar, óbvio)
    http://cookiesdegarotas.blogspot.com.br/
    Beijinhos <3

    ResponderExcluir
  24. Amei... mas e essa letra do titulo, qual é?

    ResponderExcluir

• Comente à cerca da postagens, pedidos ou dúvidas devem ser feitas na ask.
• Auto-divulgação ou palavras de baixo calão não serão aceitas.
• Os comentário são moderados.
• Respondemos e retribuímos sempre que o tempo deixa, para facilitar nosso trabalho deixe o link ou o nome de seu blog no final do comentário.

Thank you for comment!