quinta-feira, 23 de fevereiro de 2012

Menu BM

Olá meus bolos de chocolate *0*! Tudo bem? Hoje irei ensinar como coloca o Menu BM  no seu blog O código que usei para fazer o menu é do coisinhas mil, porém editei ele todo. Veja o exemplo abaixo (o primeiro esta selecionado e os outros não):



1- Vá em Design -> Editar HTML -> Aperte CTRL+ F ou F3 e pesquise por:
]]></b:skin>

2- Acima de ]]></b:skin> cole o seguinde código:
/*--- MENU BM blogdasmeninasblogueiras.blogspot,com ---*/
#menucute {
background: #FFF5EE;
border-left: 3px solid #FF69B4;
color: #FF6EB4;
font-family: tahoma;
font-size: 11px;
text-align : left;
padding-bottom : 2px;
padding-left : 5px;
margin-bottom: 3px;
-webkit-border-radius: 0px 9px 0px 0px; /* Pontinhas da Borda - não modifique se quiser o formato igual ao bockquete acima */
}

#menucute:hover {
background: #FFFFF0;
border-right: 3px solid #E066FF;
color: #E066FF;
font-family: tahoma;
font-size: 11px;
text-align : right;
padding-bottom : 2px;
padding-right : 5px;
margin-bottom: 3px;
-webkit-border-radius: 0px 0px 0px 9px; /* Pontinhas da Borda - não modifique se quiser o formato igual ao bockquete acima */
}
/*---Fim do Menu BM---*/ 


3-Para mudar as cores use esta tabela.
4-Para usar o menu coloque este código onde você quer que apareça:

<div id="menucute">
<a href="Coloque o link aqui" title="Descrição ao passar o mouse">Nome</a>- Descrição do link</div>

79 comentários:

  1. otimo tutu o do meu bloguinho ta feinho preciso mudar! flor tem selinho pra você la no blog http://kelly-club.blogspot.com/2012/02/novos-selinhos-do-blog_23.html espero que goste!

    ResponderExcluir
  2. O menu fica lindo '-'
    Esse bolo da foto me deu uma fome...haha

    Beijos,
    http://placestyle.blogspot.com/

    ResponderExcluir
  3. Posso fazer uma pergunta? Qual blog usa esse feito? quero ver como fica? Quero colocar se for o que estou pensando no meu próximo lay! :)

    http://acessopermitidoblog.blogspot.com/

    ResponderExcluir
  4. [aaa] que útil no próximo lay do meu blog, adooorei ♥

    Beijos :*
    http://leticiac04.blogspot.com/

    ResponderExcluir
  5. Acho que vou tentar fazer em meu blog =)




    http://blogjulianamyworld.blogspot.com/
    @Juhdemos

    ResponderExcluir
  6. Olá , vim avisar que o meu blog foi reaberto e com novo nome Sweet Dreams
    e esperamos sua visita lá!!!!



    http://blogjulianamyworld.blogspot.com/
    @Juhdemos

    ResponderExcluir
  7. Adorei o menu ^^ Eu já tinha visto um em algum lugar, mais não estou me lembrando. Gi eu queria que você postasse como faz essa nuvem no photoshop.

    http://saladadefrutasbr.blogspot.com/

    ResponderExcluir
  8. Bom tutorial! Beijos
    http://unejeunefillesentimentale.blogspot.com/

    ResponderExcluir
  9. Nossa Gih!Realmente é legal e até pratico de fazer :)
    www.cotidianodeumabarbie.blogspot.com

    ResponderExcluir
  10. Nossa, muito fofo esse menu, adorei!
    Beijos,
    Carol!

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

    ResponderExcluir
  11. Goostei demais do tutorial ;D
    beeijãao
    http://sooulteen.blogspot.com/

    ResponderExcluir
  12. aain adorei o menu e acho lindo o efeito que fica, caprichou e o tutorial bem explicado

    http://www.perfeitinhablog.com/
    http://thaisr-encomendas.blogspot.com/

    ResponderExcluir
  13. Ameei! Até combina com a lay atual do G.A! Mais tarde eu faço isso, tem tag pra você aqui: http://garotaantenada-poramanda.blogspot.com/2012/02/tag.html

    ResponderExcluir
  14. -----
    Respondendo os divos comentários *0*

    ResponderExcluir
  15. Vc foi no meu Blog e disse que nós copiamos o nome do seu, mas quando vimos isso (faz um tempo), mudamos para Blog das Meninas Lu e Duda, então se vc não viu, o nossos blogs não tem o mesmo nome!!!
    blogdasmeninas-lueduda.blogspot.com

    ResponderExcluir
  16. Legal, tuto interessante!!!
    Um ótimo final de semana para você!!!

    Mil Sweetkisses ♥
    www.docesonhodemenina.com.br

    ResponderExcluir
  17. Ain eu ja tinha visto em outros blogs
    mais ainda não sabia fazer, agora ja sei quando precisar ahaha

    ====>WORLD GIRL<====
    http://ianapaulinhaaaa.blogspot.com/
    @ianapaulinhaaaa

    ResponderExcluir
  18. MEU DEUUUUS! MORRI COM A FOTO DO BOLO! KKK! QUE DELICIA =9 E amei o tuto (: E QUASE 2.000 SEGUIDORES? ARRAZOOOOOOOOOOO!
    Beijos Giih,
    Leeh, hnshow.com

    ResponderExcluir
  19. Não adianta eu nunca consigo colocar esse tipo de menu em nehum tutorial :\
    http://blogteen-forever.blogspot.com/

    ResponderExcluir
  20. ótimo tutorial , eu estava procurando esse menu que lem loca . agora se eu precisar ja sei onde achar .Beijos.
    www.diariodas-meninas.blogspot.com

    ResponderExcluir
  21. Adorei o tutorial,sempre quis saber como se faz esse menu.
    http://perfeitamenteteen.blogspot.com

    ResponderExcluir
  22. Ahaa! Eu amaava este menu! Ele é simplesmente perfeito e fácil de instalar.

    Ótimo Tutorial!
    Beijos e obrigada pela divulgação, flor.

    PS:Aceita parceria?

    ResponderExcluir
  23. gostei do tutorial.
    e achei maldade colocar uma foto como essa,chega a dar água na boca kkkkkkk

    http://floresdemarshmallow.blogspot.com

    ResponderExcluir
  24. Gih!
    Amo mesmo seu blog e estou seguindo-o
    Posso fazer parceria com vc?
    Tantas Coisinhas num mundo tão grande
    http://julia-blogdajujuzinha.blogspot.com

    ResponderExcluir
  25. Oi flor ^^
    Tem selinho pra você!!
    Sweetgoodies.tk

    Beijuuuus ^^

    ResponderExcluir
  26. é bem fácil mesmo *-*, gostei do meu *-*

    ResponderExcluir
  27. http://llanasmonteiro-diario.blogspot.com

    ResponderExcluir
  28. Oiiie , que blog lindo (:
    Amei o tutorial bem explicadinho

    Estou te seguindo aqui viu , segue de volta ? :33

    www.mundoo-cute.blogspot.com

    ResponderExcluir
  29. Amei o menu Giih! :D
    http://pinkpimenta.blogspot.com

    ResponderExcluir
  30. Adoreii o tutorial, tem um post pra você participar no meu blogger: http://girlstolive.blogspot.com/2012/02/tag-que-ganhei.html
    ------------------------------------
    Beijo Linda :*

    ResponderExcluir
  31. amei o post Beijãoo !!
    http://beatrizmodaaqui.blogspot.com/

    ResponderExcluir
  32. Tag para você lá no blog ]

    http://mybarbiefashiongirl.blogspot.com/2012/02/primeira-tag-ahh.html

    ResponderExcluir
  33. Eu queria mais tipos de menu.

    http://saladadefrutasbr.blogspot.com

    ResponderExcluir
  34. Oi!
    Tem tag pra vc lá no blog:
    http://g-i-r-l-s-t-e-e-n-s.blogspot.com/

    bjs!

    ResponderExcluir
  35. Muito lindo o menu amg!Arrasou!
    Bjucas!

    www.tutoriar.com

    ResponderExcluir
  36. Que bolo gostoso Giih! É ótimo o seu Menu. Se no meu blog já não tivesse... mas ótima dica para iniciantes.

    Beijos Fofa!!!

    ResponderExcluir
  37. Giih eu adoro demais todos os seus tutoriais, aprendi a dominar o html graças a seu blog, me lembro que quando meu blog tava no inicio, eu vinha sempre no seu blog e vasculhava ele inteiro e cada pagina que eu passava encontrava tutoriais ainda mais perfeitos

    http://www.perfeitinhablog.com/
    http://thaisr-encomendas.blogspot.com/

    ResponderExcluir
  38. Oii Giih! Depois de comentar ai em cima,eu queria te pedir um favorzinho,eu queria muito que vc votasse em mim no http://www.perfeitinhablog.com/ conto muito com seu voto,se votar me avise eu posso retribuir!
    Beijoos
    http://blogteen-forever.blogspot.com/

    ResponderExcluir
  39. Oieee , seu blog é a coisa mais linda do mundo , mto fofooooo
    gostei mto , gostaria de ter parceria , tenho que fazer o que para consegui-la ??
    beijinhoss
    http://cutethingsofanaa.blogspot.com

    ResponderExcluir
  40. Oiiii segue meu blog por favor eu estou seguindo seu blog eu sempre to lendo as postagens eu amo esse blog segue meu blog por favor <3

    bets-friends-forever.blogspot.com

    ResponderExcluir
  41. Olá! Gostaria de saber se vcs poderiam fazer um cursor com a sigla do meu blog, os tracinhos e a setinha, e queria que resposdessem no meu blog... Desde já agradeço!
    Beijinhos da Nicole A.
    http://nicole-falaserio.blogspot.com

    ResponderExcluir
  42. eei, voce pode seguir nosso blog?
    http://doisenum.blogspot.com/
    seguiremos o seu de volta ;)

    ResponderExcluir
  43. Oi Giih. Há um tempinho eu pedi parceria com vc mais acho que vc ñ viu... Enfim o meu blog se chama
    Cupcake de Glitter
    http://universodasofia.blogspot.com

    E eu já seguia seu blog faz um tempão ta?? Espero que aceite e eu já vou pôr seu blog nas minhas parcerias Kisses

    ResponderExcluir
  44. Parabéns Gi por passar de nivel na patinação
    mudandodetemaofficial.blogspot.com

    ResponderExcluir
  45. Oii !
    Ótimo o tutorial ! Ensina muito bem a fazer ! (:
    Giih, tá rolando um concurso no blog, cofere lá depois !

    Beijoos !

    http://fashiongirlteen-world.blogspot.com/

    ResponderExcluir
  46. Gostei do tutorial e adorei seu blog. Segue o meu? Eu retribuo! www.unetelle.blogspot.com
    Bj

    ResponderExcluir
  47. Tem uma TAG pra você lá no Blog!
    http://smileekissesblog.blogspot.com/2012/02/tag.html

    ResponderExcluir
  48. Ótimo Tutorial, Amei '
    E adoreeei seu blog, mt lindo
    Bjokas
    http://teen-coelinhas.blogspot.com/

    ResponderExcluir
  49. Oi linda, venho acompanhando o blog há algumas semanas e adorei ! Sério, amei a ideia de vocês e cada dica que vocês dão, cada coisinha em html e tudo o mais, tudo é muito útil e importante e salva a vida de blogueiras como eu. Muito obrigada pelo trabalho lindo que vocês fazem viu.

    www.asdozebadaladas.blogspot.com

    ResponderExcluir
  50. Olá, adorei seu blog, mais será q vc pode colocar um tutorial de como colocar imagem em vez de palavras no título dos gadgets, tipo colocar o título personalizado, como ter um balao de fala ao redor do nome do gadget (exemplo). Bjos, obg !

    ResponderExcluir
  51. Olá, o Blog está fazendo um concurso, seria muito bom se você se inscrevesse lá! Vai lá: ibloguera.blogspot.com
    Beijos
    ibloguera.blogspot.com

    ResponderExcluir
  52. Que lindo menu *o* Sempre quis fazer um...
    http://cantoseencantosdahellen.blogspot.com/

    ResponderExcluir
  53. oi blog fofo ja segui , siga o meu de volta .
    http://teenmaniagirlpink.blogspot.com
    bjs

    ResponderExcluir
  54. Muito legal seu blog, parabéns!
    Seguindo!

    Visite meu blog, tem 9 sorteios lá!

    http://bomboneca.blogspot.com/2012/02/super-sorteio-pra-quem-quer-ganhar.html

    Bjs..

    Aline

    ResponderExcluir
  55. OI ficaria muito muito feliz se você votassem em mim aqui.È Teenage Dream,tá?


    Teenage Dream

    ResponderExcluir
  56. Que kawaii! Vou tentar fazer no meu, quem sabe dessa fez dá certo!

    Seguindo aqui!


    http://jennywestwick.blogspot.com

    ResponderExcluir
  57. ótima dica , irei tentar com certeza :] Adorei aki amiga !poderia seguir o meu ^?,

    ResponderExcluir
  58. O seu blog é fantástico, seguindo, segue o meu, só pra me ajudar.
    http://gaabibaabi.blogspot.com/
    Obrigada.
    Beijoos: Gaabi ;**

    ResponderExcluir
  59. Que bom que você gostou!!!
    Muito obrigada por passar lá no DSM, volte sempre que puder!!!

    Mil Sweetkisses ♥
    www.docesonhodemenina.com.br

    ResponderExcluir
  60. Adorei seu blog e as dicas :)
    Segue meu blog?
    Eu estou seguindo o seu!

    sempre-na-moda-blog.blogspot.com

    ResponderExcluir
  61. Aceita parceria ?

    http://makethisepicnight.blogspot.com/

    ResponderExcluir
  62. Como eu faço? Eu nçao consegui! Gisele me ajuda!

    ResponderExcluir
  63. Que menu lindo gih!!amei!!acho q vou usar ;)!

    Bjs!!

    http://gaarota-independente.blogspot.com

    ResponderExcluir
  64. Eu não consegui!!
    Você pode fazer um vídeo de vc fazendo tudo isso e mandar pro meu e-mail: patinscorderosa@gmail.com ??
    Beijos, amei o blog

    ResponderExcluir
  65. Para que mostrar esse doce para mim... Agora fiquei com vontade :3

    ResponderExcluir
  66. Ola amei o seu blog estou seguindo ele,se puder seguir o meu ficaria agradecida giih esse e o meu endereço de blog http://rhucoisasdemeninas.blogspot.com.br/ e so colar na nova guia,bjs giih.

    ResponderExcluir