Personalizar o menu padrão do blogger

10 de ago de 2012

Achei fofa, inclusive é a imagem que to usando no meu desktop <3
Hi people! Depois do sumiço -vocês até já se acostumaram com a falta de posts que eu sei kk, é a vida né- trouxe um tuto bem pedido: como personalizar o menu padrão do blog (aquele horroroso!) e é bem simples, sério! Não vi esse tutorial em nenhum outro blog, descobri "fuçando" e vim compartilhar com vocês, então peço que creditem!

O resultado será semelhante ao meu:

Como fazer:
Entre no seu html é procure por /* Tabs, abaixo você encontrará algo parecido a isso:

/* Tabs
----------------------------------------------- */
.tabs-inner {
margin: 1em 0 0;
padding: 0;
}
.tabs-inner .section {
margin: 0;
}
.tabs-inner .widget ul {
padding: 0;
background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll top center;
}
.tabs-inner .widget li {
border: none;
}
.tabs-inner .widget li a {
display: inline-block;
padding: 1em 1.5em;
color: $(tabs.text.color);
font: $(tabs.font);
}
.tabs-inner .widget li.selected a,
.tabs-inner .widget li a:hover {
position: relative;
z-index: 1;
background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center;
color: $(tabs.selected.text.color);
}

Feito isso, substitua todo esse código por esse aqui:

/* Menu do blogger personalizado by Go Imagine - goimagines.blogspot.com
----------------------------------------------- */
.tabs-inner {
margin: 1em 0 0;
padding: 0;
margin-top: 0px; /*para subir ou descer o menu troque o número*/
margin-left: 0px; /*para afastar o menu para esquerda ou direita troque o número*/
}

.tabs-inner .section {
margin: 0;
}

.tabs-inner .widget ul {
padding: 0;
background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll top center;
}

.tabs-inner .widget li {
border: none;
}

/*Estado normal do menu*/
.tabs-inner .widget li a {
display: inline-block;
padding: 1em 1.5em;
color: #fff; /*cor da fonte*/
font: $(tabs.font); /*fonte*/
border-radius: 50px; /*bordas arredondadas, apague a linha se n quiser*/
line-height: 5px;
padding: 12px;
background: #BFCED5; /*cor do fundo normal*/
margin-left: 8px; /*espaço entre os botões*/
}

/*Estado hover e selecionado*/
.tabs-inner .widget li.selected a,
.tabs-inner .widget li a:hover {
position: relative;
z-index: 1;
background: #8BC2C9; /*cor do fundo hover/selecionado*/
color: #fff; /*cor da fonte*/
border-radius: 50px; /*bordas arredondadas, apague a linha se n quiser*/
line-height: 5px;
padding: 12px; /*espaçamento interno*/
}

Lembrando que no margin-top números positivos descem e negativos sobem. Já no margin-left números negativos vão para a esquerda e positivos para a direita.

Em font se você manter como está no código a fonte será aquela que você estabeleceu -ou que veio com o template- no designer do modelo, mas você pode mudar colocando o nome da fonte que preferir, assim: font: nome da fonte (ex: font: calibri;)

UPDATE 16/12/12: Após seguir o tutorial você deve adicionar ao seu template (caso ainda não o tenha) o gadget Páginas disponibilizado pelo próprio Blogger. Pra adiciona-lo vá em layout > adicionar um gadget > páginas


Testado somente no template TRAVEL!

Faça as alterações necessárias, visualize e se curtir salve, caso não goste é só deletar as alterações feitas!

158 comentários:

  1. Legaal :) veja meu blog http://iricardodesigner.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Muito Bom !!

      http://flaviadocemenina.blogspot.com

      Excluir
    2. Eu nunca acho isso linda :// e nunca consigo fazer isso

      Excluir
    3. Procure uma pessoa que saiba fazer, que vc conheça para te ajudar, eu por exemplo consegui.
      Mas já o mudei o menu!!

      Excluir
    4. Você pode fazer isso no meu?

      Excluir
  2. Adorei! Super útil e mais fácil, impossivel!

    Beijos,
    www.cupcakerules.blogspot.com

    ResponderExcluir
  3. Nossa Any, muito lindo esse seu menu ! Inclusive, eu estava procurando esses dias, um parecido com o seu, que fique na altura do cabeçalho e não achei :(, mais o seu tutorial está ótimo, ótimo mesmo e bem explicadinho ! *u*, aai aai, Eu amo você e o seu blog, meu Deus do Céu, só ele sabe 'AUHSUAHSUHAU' beijos Anny \\Õ

    E arigato pela sua visita no meu blog, nossa eu fiquei mó alegre quando vi seu comentário lá no blog! haha. Sua Diva =DD, beijos e fique com Deus ~~♥

    http://kawaiitheworld.blogspot.com

    ResponderExcluir
    Respostas
    1. Vejam meu blog e digam se gostas por favor :* sigo de volta <3

      Excluir
    2. ok


      soldasespeciaisandrade.blogspot.com.br

      Excluir
  4. Muitoo bom! Eu já deu uma editada, mas coisa básica tipo a margin! Vou usar com certeza ;D
    # www.cute-bii.blogspot.com

    ResponderExcluir
    Respostas
    1. veja esse blog e muito bom

      topguiadownload.blogspot.com

      Excluir
  5. A um tempo atrás procurei como uma louca por esse tutorial kk
    http://lovelyblogcarol.blogspot.com.br/

    ResponderExcluir
  6. Minha reação ao ver post novo: Weeeeee, Anny voltoou rs
    Adorei o tutorial, este menu é lindo e simples de fazer, achei bem legal a opção de movê-lo, assim podemos deixar igual ao seu, dentro do header.

    Anny, o meu blog mudou de endereço (e de nome obviamente) e eu gostaria muito que você o visitasse e deixasse sua opiniãozinha lá, poderia? rs
    Beijinhos,
    Maitê Amorim
    http://blog-nemteconto.blogspot.com

    ResponderExcluir
    Respostas
    1. Hahaha, tá tão crítica a situação que até eu fico feliz quando posto o/ A falta de tempo ~e meu vício em minecraft~ tão acabando comigo lol

      Claro, assim que abrir eu entro lá (:

      Excluir
    2. Haha, mas não se preocupa, as vezes temos que ficar um pouco "offline" mesmo rs
      E sobre o blog eu acho que já esta aberto sim, tenta de novo...se não tiver me avisa pra eu consertar.
      Beijos,Maitê
      http://blognemteconto.blogspot.com

      Excluir
  7. ótimo tutorial!!
    Parabéns

    Beijinhos linda :*
    meumundogi.blogspot.com

    ResponderExcluir
  8. Anny, amei esse menu! Estou pensando em usar no próximo layout...
    Realmente eu estava procurando pelo blog um tutorial de como fazer o menu igual ao seu, você leu minha mente! rs
    Então... você poderia fazer um tutorial de um "Leia Mais" igual ao seu? Não achei...
    Beeijos,
    Luh
    blue---light.blogspot.com

    ResponderExcluir
    Respostas
    1. Já postei flor, procura no menu arquivo, lá tem o índice de todos os posts do blog! (:

      Excluir
    2. Ah, obrigada! (:

      Excluir
  9. Este comentário foi removido pelo autor.

    ResponderExcluir
  10. Hey! Dá para colocar o menu todo centralizado? :3 é q eu não estou conseguindo :c Parabéns pelo tutorial e pelo blog, perfeitos! Beijinhos x

    http://doceescrita.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Não que eu tenha conseguido -só consegui centralizar a palavra dentro do botão-, mas o que você pode fazer é puxar ele mais pra direita com o margin-left, (que fica no começo do código) até ficar mais ou menos no meio (foi o que eu fiz!)

      Coloque um numero alto, como margin-left: 285px; (:

      Excluir
  11. Estava louca por esse tutorial Alana! Obrigada por postar,fui uma das que pediu. Amei,vou creditar quando usar ;) Beijos!

    ResponderExcluir
  12. Oi Anny! Como já falei, amei o post! Eu gostaria saber como personalizar a área dos comentários, bonitinho, como o seu. Teria como fazer um post sobre isso? Ah, e vc faz encomendas de layouts? Vc leva jeito para isso. Me responde? Obrigada!

    http;//www.maniasdelicadas.blogspot.com

    ResponderExcluir
    Respostas
    1. Logo logo eu posto, só tenho que pedir a autorização pra dona do tutorial (:

      Excluir
    2. Ah, sim, eu faço layouts pagos!

      Excluir
  13. Nossa muito legal, fica muito melhor!
    venha conhecer:
    http://fazdecontatxt.blogspot.com.br

    ResponderExcluir
  14. Lindo d+ o seu menu flor!

    bjãoo

    ResponderExcluir
  15. Respostas
    1. Que bom Duda, vi lá e ficou lindo o/
      Claro, use e abuse hihi

      Excluir
  16. Obrrrigaaaaada estava Atras desse tuto a um tempão!! Ja estou usando bezoz Doces# http://BlogStefaniPink.blogspot.com.br

    ResponderExcluir
  17. amei o tutorial e vou usar no novo layout, bjs, muito brigada, ajudou muito (:
    monstersinteractive.blogspot.com

    ResponderExcluir
  18. Gente do céu, como eu tava procurando esse tutorial!
    Valeu Anny!
    Aceita afiliação?

    Beijos,

    Sorteio De Um Layout Personalizado! Clique e Participe!

    ResponderExcluir
  19. Oi, Anny, tudo bom ? Gostei Muito do Tutorial me ajudou bastante! Beijos :D

    ResponderExcluir
  20. Oi Anny! Seu blog está cada dia mais lindo...

    Beijinhos
    http://bloggarotainocente.blogspot.com.br/

    ResponderExcluir
  21. Oi, Anny!! Adorei o tutorial, seu blog está cada vez mais perfeito, hehe.
    http://pequen0s-versos.blogspot.com

    ResponderExcluir
  22. Hey. Anny (: Muito muito muito obrigada por me responder lá no blog (: Consegui fazer, coloquei no centro... Beijinhos

    ResponderExcluir
  23. Adoorei o tutorial, achei interessante : )
    Beijos e beijos ,
    www.paradateen1.blogspot.com !

    ResponderExcluir
  24. Ah, que bom que voltou, Anny! Estava com saudades dos seus posts. Bem, vamos combinar que o efeito é realmente lindo, não é? Parece ser super fácil, e com você explicando, fica ótimo de acompanhar! É uma boa dica para usar em próximos layouts, com certeza da pra aproveitar. Um beijo!
    the-zombie-attack.blogspot.com

    ResponderExcluir
    Respostas
    1. É, fiquei um tempão sem postar hihi
      Com certeza, além de simples fica lindo mesmo (:

      Excluir
  25. Simplismente ameeii *-*
    parabens pelo blog

    http://bombadeestilo.blogspot.com.br/

    ResponderExcluir
  26. Adorei o tuto, muito bem explicado e mtu útil, fica um efeito super lindo e é bem fácil mesmo Any.
    Parabéns pelo blog, seguindo aqui, segue o meu blog também flor ?
    http://estacao-teen.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Obrigado linda (: Já to seguindo lá, beijinhos!

      Excluir
  27. Oi linda!! Eu adorei o tuto, é bem explicadinho e fica super lindo!
    Adoro seu blog, ele é cada dia fica mais lindo! Seguindo aqui, da uma olhadinha no meu? hihi
    http://pequen0s-versos.tumblr.com

    ResponderExcluir
  28. Adorei o tutorial mas queria saber como tirar o fundo colorido que fica de baixo dele. beijos,

    ResponderExcluir
    Respostas
    1. Tenta apagar essa parte: background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll top center;

      Beijos :*

      Excluir
  29. Adorei esse tutu, seu blog é o mais lindo que já vi, o designer é perfeito. Parabéns! (=
    Amiga, meu antigo blog foi hackeado, perdi todos os meus leitores e seguidores, mas criei outro e adoraria se você pudesse me ajudar seguindo ou comentando, isso motiva qualquer blogueiro a continuar postando não é? Hihi ;3

    Obrigada pela atenção e pela ajuda, <3
    Julia.
    --> momentsfake.blogspot.com

    ResponderExcluir
  30. Que tutorial perfeito, sério. Super bem explicadinho, diferente de vários outros tutoriais de menus que vejo por blogs a fora. Sobre o blog, eu conheci ele hoje, muito lindo mesmo. Parabéns! (:
    ---------------
    Seguindo, retribui?
    http://yanmgomes.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. esse bblog e muito bom

      topguiadownload.blogspot.com

      Excluir
  31. [AA] Bem q eu estava atrás desse menu e não encontrava USHUASHUA' Mas obg por postar esse tuto incrível q em breve vou utilizar <3

    Aguardando a sua visita... (:

    http://www.meianoitebr.com/

    ResponderExcluir
  32. Heey Anny, criei um debate no meu blog e gostaria que você participasse, seu puder responde AQUI
    Beijo :)


    SEM USER

    ResponderExcluir
  33. Nossa esse tutorial é otimo!
    http://bangteen.blogspot.com.br/

    ResponderExcluir
  34. heheh adoro tutorial...muitas dicas boas por aqui viu!
    beijaum
    Hory
    http://confissoesdahory.blogspot.com.br/

    ResponderExcluir
  35. Amei o tutorial!!! Parabéns :) Com certeza vou usar no meu próximo layout rsrs goods-sweets.blogspot.com.br

    ResponderExcluir
  36. Então, gostaria de saber qual parte do código eu mudo para mudar a cor do background, não o background do botão, mas sim aquele do fundo mesmo, tipo, a barra que fica como background dos botões, ela está preta, onde eu mexo para mudá-la ou deixá-la tansparente?

    ResponderExcluir
    Respostas
    1. Não precisa mais, já resolvi!

      Excluir
    2. Tenta apagar essa parte do código:
      background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll top center;

      se não der certo me diz que eu vejo melhor, mas tenho certeza que é isso (:

      Excluir
    3. Anny, agradeço seu tutorial! Me ajudou muito, principalmente no comentário acima o qual você citou como deixar o fundo transparente.
      Bjs e parabéns pelo blog !
      Naty Grego

      www.itlooksme.blogspot.com :3

      Excluir
  37. Ótimo tutorial, já fiz no meu blog vê lá:
    http://rascunhosperdidos10.blogspot.com.br/

    ResponderExcluir
  38. Amei o blog e o post. Mas eu tenho uma pergunta: fiz tudo corretamente, mas quando vou testar o menu está muito para a esquerda (saindo para fora da borda do blog). Coloquei os tais números negativos que o tutorial está citando, mas não adiantou. Aguardo resposta.

    ResponderExcluir
    Respostas
    1. É que no margin-left números negativos vão para a esquerda e positivos para a direita, logo você tem que usar um número positivo mais alto (e não negativo) (:

      Excluir
  39. Gostei muito, vou usar no meu layout :)

    ResponderExcluir
  40. Também gostaria de saber como tirar esse fundo escuro.

    ResponderExcluir
    Respostas
    1. Tenta apagar essa parte do código:

      background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll top center;

      se não der certo me diz que eu vejo melhor, mas tenho certeza que é isso (:

      Excluir
  41. De fato, isso não tem em outros blogs, pelo menos eu fiz uma busca looooonga e demorada e nada. Vou fazer meus testes! haha Obg!

    ResponderExcluir
  42. Como vc faz o negócio do mostrar?

    ResponderExcluir
    Respostas
    1. Vou postar o tuto direitinho, mas por enquanto olha esse:

      blogger-passo-a-passo.blogspot.com.br/2010/01/como-ocultar-e-mostrar-o-conteudo-de.html

      Excluir
  43. Nossa, muito lindo! Estou usando no layout que estou fazendo pra meu blog. Quando estiver pronto, posto o link aqui ok?? Ah, muuito obrigado, seu blog sempre me ajuda nos meus templates!!

    ResponderExcluir
  44. Oii linda, já usei o tuto e creditei, vc pode ir lá conferi se quiser.
    Beijos.
    oblogdablogueira.blogspot.com.br

    ResponderExcluir
  45. aah, não dá mais pra copiar! :(

    ResponderExcluir
  46. Oi adorei o tuto, estou usando no meu blog e quem quiser mudar as cores tem aqui a palheta completa http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm muito bom mesmo o seu blog...mas não esquece de tirar o bloqueio de cópia na parte q é pra copiar.

    Beijooos

    Carol(se quiser ir no meu blog, clica no perfil). Tô seguindo.

    ResponderExcluir
  47. ah, esqueci de dizer ou eu disse? que creditei e linkei pra cá,ok?

    ResponderExcluir
  48. Olá, adorando o seu blog. Está sendo muito útil para mim pois estou criando meu blog. Eu adicionei esse menu no meu blog, e ativei no layout no blog aparecendo o HOME, como eu faço para adicionar mais? Eu já fiz uma vez, mas não me recordo ;s Pode me ajudar?

    ResponderExcluir
  49. eu fiz no meu blog de teste e ficou sempre com o fundo preto
    você pode me ajudar ?

    sereifelizz.blogspot.com.br

    ResponderExcluir
  50. desculpa... eu me lembrei que antes de fazer o tutorial tem que colocar as guias transparentes
    obrigado e desculpa. :)

    ResponderExcluir
  51. Deu ERRADO!!!!!

    q q eu faço ?

    Beijos Maria =D
    stopminas@hotmail.com
    http://stopminas.blogspot.com.br/

    ResponderExcluir
  52. ameei o tutorial ,me ajudou mt

    (algodaodoceteen.blogspot.com.br)

    ResponderExcluir
  53. Amei o tutorial!!! Personalizei o menu do meu blog. Obrigada! Adorei a dica!

    http://lovelyartesanatosbymay.blogspot.com.br/

    ResponderExcluir
  54. AMEEI Esse tuto!Amuuh Seu Blog
    http://humanos-e-mutantes.blogspot.com.br/

    ResponderExcluir
  55. Ooi querida eu fis tudo que pediu no tutorial, mas eu coloquei em visualizar e não apareceu :/

    ResponderExcluir
  56. Para colocar isso precisa ja por no templade ou vai sozinho??

    ResponderExcluir
  57. Heeeey, adorei seu blog muito lindo e detalhadinho :3

    Bjzuuuus, Gabi..
    http://perpink.blogspot.com.br/

    ResponderExcluir
  58. ui como faz esse tipo de comentário? (personalização)?

    ResponderExcluir
  59. Nossa, muito legal.
    Estou utilizando no meu blog (:

    cupcake-inteligente.blogspot.com.br/

    ResponderExcluir
  60. agente tem que fazer o templade ai coloca o desenho do menu??

    ResponderExcluir
  61. Porque só eu não to conseguindo?
    =/
    to colando tudo certinho e na hora que vou visualizar ou até mesmo salva, não muda .

    Obs: to amando o blog, já me ajudou muito *-*
    Beijosss
    minhaunhacolorida.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Esqueci de falar no post, você tem que estar usando o "menu do blog", vá em layout, adicionar gadgets e escolha páginas. Coloque abaixo do cabeçalho pra funcionar.

      Excluir
  62. Amor to fazendo (na verdade editanto o travel) um layout pela primeira vez, e tava modificando o meu menu com o seu tuto, só que ele num funcionou direito, tipo ficou com um fundo preto, e os links não funcionam, tipo não tem como clicar neles, é como se eles fossem apenas palavras sem link sabe? Só o "INICIO" funciona, mas os outros link não, pode me ajudar? Eu não modifiquei o codigo nem nada, nem as cores, porque ainda vou escolher elas, então primeiro só to vendo o que quero nele, depois vou por as cores, então tipo não sei o que pode ter acontecido, me ajuda?
    O Meu é blog é http://notrereverie.blogspot.com.br/
    Mas o layout que estou fazendo esta aqui >> http://dazere.blogspot.com.br/

    Obrigada desde já...

    ResponderExcluir
  63. Não consegui ;( to colando tudo mas não muda!!

    ResponderExcluir
    Respostas
    1. Esqueci de falar no post, você tem que estar usando o "menu do blog", vá em layout, adicionar gadgets e escolha páginas. Coloque abaixo do cabeçalho pra funcionar.

      Excluir
  64. Não tô conseguindo mudar a fonte ç.ç help me ?
    MEUDOCEPANDEMONIO.BLOGSPOT.COM

    ResponderExcluir
  65. Anny cuando clico em ele não mostra pf me ajuda!!

    http://blogdamillachrist.blogspot.com.br/

    ResponderExcluir
  66. Olá tudo joia?
    Tenho um blog o As Divas das Unhas ,estamos começando a pouco tempo .Está tendo uma promoção para blogueiras bem legal lá !
    Participem
    http://www.asdivasdasunhas.blogspot.com.br/2012/12/promocao-em-parceria-com-o-blog-domhan.html

    Obrigada
    Beijos
    http://asdivasdasunhas.blogspot.com.br/

    ResponderExcluir
  67. Amei o tutorial flor!!
    tava procurando um desses, mais tava difícil pra achar viu, só seu blog pra me salvar mesmo rsrs'
    depois mostro o resultado!
    beijiin's

    my-nails-pink.blogspot.com.br

    ResponderExcluir
  68. Oi, Anny!
    Estou com um problema... fiz esse menu e ficou lindo no meu blog. Porém em outros computadores fica tudo quadrado! Até o da data redondinha q fiz tbm fica quadrado quando abro em um pc diferente. O que faço?

    Meu blog é o www.patinadorapop.blogspot.com.br

    Beijos,

    Natália Fuly.

    ResponderExcluir
  69. Como eu posso aumentar a fonte? Ficou muito pequeno!

    ResponderExcluir
  70. Oooi

    Amei essa dica !

    Coloquei no meu Bloog !

    http://www.bonecasdeeluxo.blogspot.com.br/

    Bjoooooooooooooo

    ResponderExcluir
  71. Me ajuda eu nao encontrei tabs no html do meu blog
    meu blog é
    garotabrilho7.blogspot.com

    ResponderExcluir
  72. Socorroooo ,quando eu clico em "mostrar" não aparece NADA pode colar no tutorial sem esse botão "mostrar" ???? por favor por favor preciso muito deste tutorial :D

    Meu blog: http://cute-corner-oficial.blogspot.com.br/

    Sou Web designer mais não sei muito essas coisas de layout CUTE eu só mecho com o mais personalizado meu blog de design --> http://c-r-a-z-y-design.blogspot.com.br/

    ResponderExcluir
  73. oii eu sou nova em relação a blog e queria saber o que é travel?

    ResponderExcluir
  74. Ensina a fazer o menu que você está utilizando.

    ResponderExcluir
  75. Adorei....tutorial super bem explicado!!!!
    Fiz no meu e deu certo :)
    www.thatimaforte.com

    ResponderExcluir
  76. ameiiiii seu blog e suas dicas são super uteis, se você puder da uma olhadinha no meu blog

    meninaantenadablog.blogspot.com

    ResponderExcluir
  77. adorei o tuturial to usando

    ResponderExcluir
  78. Adorei o menu!
    Acho que vou usa-lo =)
    minhas-confissoes-2012.blogspot.com

    ResponderExcluir
  79. no meu html nn tem /* Tabs :S
    eu boto ctrl f e pesquiso e nn aparece nada ;s me ajuda. pfpf

    ResponderExcluir
  80. Olá passando para avisar que estou usando o tuto e amei o resultado obrigada por compartilhar.
    http://ateliecasaepresentes.blogspot.com.br/

    ResponderExcluir
  81. Gostei muito do menu, já estou usando. E coloquei o blog em meus créditos.
    Beijooos!

    http://dallyse.blogspot.com.br/

    ResponderExcluir
  82. Nossa, amei esse menu, tava procurando a anos, até dei créditos a você do menu no meu blog x.x dei um titulo nele "Menu Estilo elegante" x.x
    Beijos :3

    http://the-high-essenci.blogspot.com.br/

    ResponderExcluir
  83. Amei,Tava Mesmo Procurando Esse Menu,A Proposito,Vc E Bem Criativa.Beijos :)

    ResponderExcluir
  84. Olá, eu amei o seu tutorial, o seu Blog é muito bom :DD
    Será que você poderia me add no Facebook? https://www.facebook.com/karolayne.alves.963
    Eu preciso de algumas dicas sua... Se você poder me add, add please!!!

    ResponderExcluir
  85. como faço para diminuir. pq ele ficou passando um pouco . não ficou do tamanho certo

    ResponderExcluir
  86. Estava procurando muito esse tutorial, e finalmente achei o seu!
    O único que deu certo, por isso muito, muito obrigada mesmo!
    (L)

    ResponderExcluir
  87. adorei ><

    http://belabelezablog.blogspot.com.br/

    ResponderExcluir
  88. porque no meu ficou tipo cinza meio transparente ?
    http://stardoll78963.blogspot.com.br/

    ResponderExcluir
  89. Oi ^^ Adorei o Tutorial, mas assim, gostaria de saber como faço pra centralizar as opções do Menu porque no meu blog ficou no canto esquerdo. Teria como ajudar?

    Beijos ^_^

    ResponderExcluir
  90. Nossa, adorei seu post. Há séculos que tento achar algo do tipo para colocar no meu blog, você me salvou! Obrigada mesmo.
    http://nadaquenaoadora.blogspot.com.br/

    ResponderExcluir
  91. Eu não acho esse nome /* Tabs. Vou no HTML clico em CTRL+F digito o nome mas nn aparece nada, nn tem esse nome no meu blog!! Oque eu faço??

    ResponderExcluir
    Respostas
    1. Comigo é a mesma coisa!Aparece 0 de 0 né?

      Excluir
  92. Ah! Ficou lindo!!! Obrigada!

    ResponderExcluir
  93. oiiiii adorei seu post vou colocar no meu layout !!
    Sera que voce podia fazer um post explicando como colocar nossa foto no Quem sou eu ? nao estou conseguindo !
    bjs

    ResponderExcluir
  94. ain meninas eu queria fazer no meu blog,mais não ta achando esse /* Tabs no meu html o que eu faço ????? meu blog é esse me ajudem meninas pf obg http://coisas-de-garotas-franciely.blogspot.com.br

    ResponderExcluir
    Respostas
    1. OI fran ! Você tem que clicar com o mouse dentro da caixa de html depois ctrl+f e busca a *Tabs...

      Excluir
    2. OI fran ! Você tem que clicar com o mouse dentro da caixa de html depois ctrl+f e busca a *Tabs...

      Excluir
  95. Oiii! Eu não acho *Tabs mesmo, o que eu falo ? Beijão

    ResponderExcluir
  96. Amei o seu blog e ele é super fofo :D

    ResponderExcluir
  97. Oie, sabe a imagem que você achou fofa, Alana? Foi tirada por uma blogueira que amo <3 chamada Melina Souza, o blog dela é o melinasouza.com, visita lá, vale muito *-*

    ResponderExcluir
  98. Ficou perfeito no meu blog *-*
    http://blogsonhodecetim.blogspot.com.br/

    ResponderExcluir
  99. Gosto muito dos seus tutoriais. Parabéns
    http://larisseoliveirasimples.blogspot.com.br/
    Começando esse blog agora :)

    ResponderExcluir
  100. Gostei do tutorial, mas tenho uma duvida. E se eu quiser fazer normal, apenas as palavras sem esses quadradinhos coloridos ?
    Beijo !
    http://anonimoprovisorio.blogspot.com.br/

    ResponderExcluir
  101. Eu consegui \o/ finalmenteeeee \o/ \o/ #feliz

    Pense.Repense

    ResponderExcluir
  102. Oi,não consegui :(.Não sei acho que meu blog tem algum problema vou sempre no editar HTML e colo os códigos e aparece 0 de 0!

    ResponderExcluir
  103. Eu não achei o /* Tabs ali no HTML.. Como eu faço?

    ResponderExcluir
  104. Alana, tentei colocar este menu em duas linhas, mas não consegui alterar o espaçamento entre as linhas sem que os "botões" aumentem também. Tem algum jeito que vc conheça?

    ResponderExcluir
  105. Me ajudou muito! Como eu faço para o link mudar de cor só qdo passar o mouse, sem ficar colorido onde estiver ativo? Queria tudo de uma cor só... Se puder me ajudar ficarei feliz. Obrigada :)

    Beijos!

    ResponderExcluir
  106. Não creio sou inteligente o suficiente para fazer isso *-* rsrs. Amei o tutorial me ajudou bastante

    https://imperiokawaiis.blogspot.com | Espero sua visita :3 beijos

    ResponderExcluir
  107. Hi ♥ Posso reblogar? Amei seu blog!

    http://diamante--colorido.blogspot.com.br/

    ResponderExcluir
  108. usei no meu blog e ficou lindo! agora gostaria de saber se tem como deixá-lo fixo no topo do blog ao rolar a página!

    ResponderExcluir
  109. Muito Bom! Lí, fiz e recomendei para amigas...
    Sucesso, lindo o seu blog!
    http://nayarabru.blogspot.com.br/

    ResponderExcluir
  110. Adorei, ficou lindo no blog. A única coisa que eu queria saber é se tem como o fundo do menu ficar transparente. Porque fica uma linha cinza sob o onde é o lugar do menu.

    ResponderExcluir
    Respostas
    1. Carol Mariotti, vou me meter, acho que isso vai da configuração do seu blog, sabe, colocar transparente.

      Excluir
    2. Você tem de ir em Modelo>Personalizar, na parte que fica página você muda o fundo para transparente.

      Por Aí

      Excluir
  111. Muito Bom! Já estou usando :)

    www.plataformadevidro.blogspot.com.br

    ResponderExcluir
  112. Adorei...vou tentar fazer no meu!
    Veja meu blog por favor :)
    http://nosacordesdeumagarota.blogspot.com.br/

    ResponderExcluir
  113. Muito bom!!! ficou demais aqui !!! ♥

    ResponderExcluir

- Comentários do tipo "seguindo, segue de volta" "lindo o blog, seguindo, retribui?" Serão ignorados se não tiverem uma opinião sobre o post em si.
- Não aceitamos mais selinhos e tags, sorry!
- Leia a página "FAQ" e outras páginas internas antes de perguntar qualquer coisa.
- Sua opinião é sempre bem vinda. Mas seja educado!

© Go Imagine - 2014. Todos os direitos reservados.