![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXosnwVK0BfgFGRyfOvl0eT3MucjDzAGeh8D65dagmZ16vx6_xbbv1dqhE8ZMo3KMwYPzHvSmZ_oMsdzLcyJsY3Odbw4AaKNFW0ST9VJ6ISAVkxEMYxtVs4FbDHDCOIxC7-qbc5btr8Dg/s1600/tumblr_m64xfuZx8d1r7dzpvo1_500_large.jpg)
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---*/
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.
No código já diz que os créditos vão para o blog Bomba de Glitter.
Adorei o tutu,já te coloquei nos afiliados!
ResponderExcluirhttp://by-niick.blogspot.com.br/
e os creditos fofa?
ResponderExcluiraMORE QUER CER PARCERIA COM MIGO?http://docecerejabruninha84.blogspot.com.br/
ResponderExcluirAcho lindo esse menu *---* (:
ResponderExcluirBeijos ;*
http://diamontlilac-news.blogspot.com.br/
@AnônimoOs créditos estão no próprio código.
ResponderExcluir@Bárbara RochaEu tbm acho, hehe
ResponderExcluir@NickQue bom que gostou e que ja me colocou nos afiliados!
ResponderExcluirAhh 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 ♥
ResponderExcluirwwwstartyley.blogspot.com
*---* 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
ResponderExcluirhttp://morangosdespedacados.blogspot.com.br/
oi flor, eu não estou mais fazendo afiliações :(
ResponderExcluirbeijinhos
spaziodm.com
∞
ResponderExcluirAAAAA, meu Deus *0* Que blog lindoooo o.o' Morri Ç.Ç
ResponderExcluirFlor, 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
Acho esse menu lindo ^^
ResponderExcluirFlor,infelizmente as vagas para afiliação estão encerradas...
✿Bjs>>Agarotade-preto.blogspot.com
Aceito afiliação sim amore, caso queira, quando colocar o link do blog aqui, me avise que colocarei o seu rapidinho, ok? Beijão. :*
ResponderExcluirhttp://vitaminadepimenta.blogspot.com.br/
To cuidando do:
http://the-mandie.blogspot.com.br/
Adorei o tuto ♥
ResponderExcluire 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 <---
Ame o tutorial! Coloquei no meu, mais quando passa o mouse em cima ele aumenta! Me da um help?
ResponderExcluirhttp://chillilovers123.blogspot.com.br/◕‿◕
já sabia fazer (; Gostei do seu blog, é lindo! Seguindo. Beijos♥
ResponderExcluirhttp://mundo-dosadolescentes.blogspot.com.br/
Adorei esse menu , muito fofo !
ResponderExcluirO blog tá lindo , viu ?
Dando uma passadinha pelos afiliados !
Nhaac ~~> www.piinkrock.tk
Adorei !
ResponderExcluire vou usar !
bom adorei seu blog, é muuito fofo e lindo.
muito sucesso !
http://garotamarte.blogspot.com.br/
Amo esse menu *-* É super Fofo!
ResponderExcluirhttp://girlsonlineoficial.blogspot.com.br/
tuto legal =D
ResponderExcluirTem gincana rolando lá no meu blog,participa??
http://blog-dreamsofgirls.blogspot.com.br/p/gincana-de-ferias.html
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
ResponderExcluirgarota-html.blogspot.com
Amei seu tutorial amiga :) muito bom viu? te coloquei nos afiliados também :D beijinhooos
ResponderExcluirdeborah-alana.blogspot.com.br
Eu sei que é chato pedir isso...
ResponderExcluirVamos 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.
Esse menu é um amor *-*
ResponderExcluirhttp://princesadoavesso.blogspot.com.br/
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/
ResponderExcluirEsse menu fica tãao foofooo♥
ResponderExcluirEu vou usar no próximo lay!! Com certeza!Seguindo aqui,um beijo ^^~
http://www.cotidianodeumabarbie.blogspot.com/
@Ana Karoline BarbosaMuito obrigada! Assim eu fico envergonhada :)
ResponderExcluir@FêEntão é nós! Bate aqui! o/\o
ResponderExcluirAmei o Tutorial, depois você pode fazer um que ensina a fazer seu menu atual(de agora)?
ResponderExcluir24 de julho de 2012 dê uma passada no meu blog:
http://diariodacarol1.blogspot.com.br/