9 de jul de 2012

Menu de Folhinha!


Olá! Hoje vim ensinar como fazer o tão famoso menu de folhinha. Clique em Leia Mais para saber como fazer



Va no HTML do seu blog e aperte F3. Depois, pesquise por ]]></b:skin>
Agora, vamos adicionar o "estilo" acima da TAG.
/*---Início do Menu com Efeito by Bomba de Glitter---*/
bdg {
font-family: tahoma; /* Fonte do Menu */
width: 17%; /* Tamanho do Menu */
float: left;
background:#8EE5EE; /* Cor do fundo do Menu */
padding: 5px;
text-align: center;
margin: 2px;
-webkit-border-radius: 9px 0px 9px 0px; /* Pontinhas da Borda - não modifique se quiser o formato igual ao meu */
-webkit-transition-duration: .80s; /* Duração do Efeito - não modifique se quiser o efeito igual ao meu */
font-size: 08pt; /* Tamanho da fonte */
color: #fff; /* Cor da fonte */
}

bdg:hover {
font-family: tahoma; /* Fonte do Menu quando passa o mouse */
width: 17%; /* Tamanho do Menu quando passa o mouse */
float: left;
background:#FF69B4; /* Cor do fundo do Menu quando passa o mouse */
padding: 5px;
text-align: center;
margin: 2px;
-webkit-border-radius: 0px 9px 0px 9px; /* Pontinhas da Borda - não modifique se quiser o formato igual ao meu */
-webkit-transition-duration: .80s; /* Duração do Efeito - não modifique se quiser o efeito igual ao meu */
font-size: 08pt; /* Tamanho da fonte do Menu quando passa o mouse */
color: #fff; /* Cor da fonte do Menu quando passa o mouse */
}
/*---Fim do Menu com Efeito by Bomba de Glitter---*/
 

Quando for colocar, vá no design do seu blog, adicionar um gadget, HTML JavaScript e cole:
<a href="Link"><bdg>Nome</bdg></a> 
No código já diz que os créditos vão para o blog Bomba de Glitter.

33 comentários:

  1. Adorei o tutu,já te coloquei nos afiliados!

    http://by-niick.blogspot.com.br/

    ResponderExcluir
  2. aMORE QUER CER PARCERIA COM MIGO?http://docecerejabruninha84.blogspot.com.br/

    ResponderExcluir
  3. Acho lindo esse menu *---* (:
    Beijos ;*
    http://diamontlilac-news.blogspot.com.br/

    ResponderExcluir
  4. @AnônimoOs créditos estão no próprio código.

    ResponderExcluir
  5. @NickQue bom que gostou e que ja me colocou nos afiliados!

    ResponderExcluir
  6. Ahh eu adoro esse menu fica tão bonito né :) eu aceito afiliação sim e já coloquei o link do seu blog em afiliados ok beijão seguindo aqui ♥
    wwwstartyley.blogspot.com

    ResponderExcluir
  7. *---* adorei o tuto :3 tá bem explicadinho e deixa o blog lindinho \o/ Querida, seu blog é mt divo \o/ Tem um lay lindo, e tem um super conteúdo! vc está de parabéns viu? estou seguindo aqui! quando tiver um tempinho passa no meu blog? e se gostar seguir? vai ser uma honra te receber lá :3

    http://morangosdespedacados.blogspot.com.br/

    ResponderExcluir
  8. oi flor, eu não estou mais fazendo afiliações :(
    beijinhos
    spaziodm.com

    ResponderExcluir
  9. os blogs perfeitinha e algodão doce, estão sorteando um Iphone 4s, para saber mais entre em uma nessas paginas: http://www.perfeitinhablog.com/2012/07/sorteio-eu-quero-iphone.html

    OU

    http://www.blog-algodaodoce.com/2012/07/sorteioeu-quero-iphone.html

    ResponderExcluir
  10. AAAAA, meu Deus *0* Que blog lindoooo o.o' Morri Ç.Ç
    Flor, faz, tipo, dias, dias e dias que tu me pediu afiliação, e cá estou eu. Aceito sim ^^
    Ah, esse menu é gatérrimo T.T
    Beijos, s2rita.blogspot.com

    ResponderExcluir
  11. Acho esse menu lindo ^^
    Flor,infelizmente as vagas para afiliação estão encerradas...
    ✿Bjs>>Agarotade-preto.blogspot.com

    ResponderExcluir
  12. heelo Estar
    Achei seu bloguinho . nesse mundo da Blogsfera
    Nossa tá Tão Linda , Omg! Seguindo , Me segue também . Poderia me ajudar com minha meta de 250 seguidores . Se puder Bjo . Sooh!
    By >.<
    Smile Retrô ! Clika

    ResponderExcluir
  13. Aceito afiliação sim amore, caso queira, quando colocar o link do blog aqui, me avise que colocarei o seu rapidinho, ok? Beijão. :*


    http://vitaminadepimenta.blogspot.com.br/
    To cuidando do:
    http://the-mandie.blogspot.com.br/

    ResponderExcluir
  14. Aceito afiliação sim amore, caso queira, quando colocar o link do blog aqui, me avise que colocarei o seu rapidinho, ok? Beijão. :*


    http://vitaminadepimenta.blogspot.com.br/
    To cuidando do:
    http://the-mandie.blogspot.com.br/

    ResponderExcluir
  15. Adorei o tuto ♥
    e eu aceito afiliação sim é só colocar o meu blog na sua lista de afiliados e depois me avisar :D
    bjinhos
    Conversando com a lua

    Participe do primeiro concurso do blog que esta rolando! clique aqui <---

    ResponderExcluir
  16. Ame o tutorial! Coloquei no meu, mais quando passa o mouse em cima ele aumenta! Me da um help?
    http://chillilovers123.blogspot.com.br/◕‿◕

    ResponderExcluir
  17. já sabia fazer (; Gostei do seu blog, é lindo! Seguindo. Beijos♥
    http://mundo-dosadolescentes.blogspot.com.br/

    ResponderExcluir
  18. Adorei esse menu , muito fofo !
    O blog tá lindo , viu ?
    Dando uma passadinha pelos afiliados !
    Nhaac ~~> www.piinkrock.tk

    ResponderExcluir
  19. Adorei !
    e vou usar !
    bom adorei seu blog, é muuito fofo e lindo.
    muito sucesso !

    http://garotamarte.blogspot.com.br/

    ResponderExcluir
  20. Amo esse menu *-* É super Fofo!

    http://girlsonlineoficial.blogspot.com.br/

    ResponderExcluir
  21. tuto legal =D

    Tem gincana rolando lá no meu blog,participa??

    http://blog-dreamsofgirls.blogspot.com.br/p/gincana-de-ferias.html

    ResponderExcluir
  22. Oi Juju! Eu só vim aqui para pedir para vc postar bastante até o dia 23, pois até lá eu não vou postar, não precisa postar tipo, 1 post por dia, mas postar mmais até o dia 23! Obrigadinha

    garota-html.blogspot.com

    ResponderExcluir
  23. Amei seu tutorial amiga :) muito bom viu? te coloquei nos afiliados também :D beijinhooos


    deborah-alana.blogspot.com.br

    ResponderExcluir
  24. Eu sei que é chato pedir isso...
    Vamos curtir a página do D E A R P R I N C E S S?

    http://www.facebook.com/pages/Dear-Princess/448621898495301

    AJUDEM COM A META DE 100 CURTIDAS.

    (JÁ SOU SEGUIDORA!)

    www.dear--princess.blogspot.com
    Beijos e obrigada.

    ResponderExcluir
  25. Esse menu é um amor *-*

    http://princesadoavesso.blogspot.com.br/

    ResponderExcluir
  26. Vim aqui convidar você e suas leitoras para dar uma passadinha lá no Blog Mudando de Assunto, Um blog diferente de muitos, espero que gostem, comentem e sigam, Bjão http://comosefossefacil.blogspot.com.br/

    ResponderExcluir
  27. Esse menu fica tãao foofooo♥
    Eu vou usar no próximo lay!! Com certeza!Seguindo aqui,um beijo ^^~
    http://www.cotidianodeumabarbie.blogspot.com/

    ResponderExcluir
  28. Amei o Tutorial, depois você pode fazer um que ensina a fazer seu menu atual(de agora)?
    24 de julho de 2012 dê uma passada no meu blog:
    http://diariodacarol1.blogspot.com.br/

    ResponderExcluir

Mini FAQ:
-Não aceito selinhos nem Tags.
-Comentários que não falem nem um pouco sobre a postagem não serão publicados.
-Afiliação apenas para blogs acima de 100 seguidores ou convidados. NÃO INSISTA.
----------------
♥❤∞ ☆ ★ ✖ 。◕‿◕。® ™ ☏✿゚✤
❝❞✥ ✦ ✧ ✩ ✫ ✬ ✭ ✮ ✯ ✰ ✱ ✲ ✳ ❃ ❂ ❁ ❀ ✿✼ ✻ ✺ ✹ ✸ ✷ ₪ ❃ ❂ ❁ ❀ ✿ ✾ ✽ ✼ ✻ ✺ ✹ ✸ ✷
✶ ✵ ✴ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ❖(◕‿◕✿) 。◕‿◕。 ⊱✿◕‿◕✿⊰(◡‿◡✿)(◕〝◕)◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐
●▂● ●0● ●︿● ●ω● ●﹏● ●△● ●▽●
⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙
≡(▔﹏▔)≡