Boa tarde meus amores, está tudo bem com vocês? Bom, hoje eu trago um menu para tags feito totalmente por mim, pois já tava chato a rotina de só textos. O meu problema mesmo é a falta de criatividade, minha criatividade é zero, porém o meu conhecimento é bem "grandinho para a minha idade". Enfim, ninguém tá nem aí né? Bom, se você quer ver como é o menu é só clicar aqui (gadget do lado de cá com o nome >>).
Ok, antes, como eu tô sem criatividade eu resolvi criar um ask para o blog, onde vocês podem mandar sugestões de postagens. Pode ser qualquer tipo de sugestão, desde que envolva os temas do blog. Desde textos até tutoriais :) O ask é esse aqui. Ok, agora sim vamos para o código do menu para tags :)
1°: Vá para o seu blog (no painel do blogger), clique em modelo, editar HTML e pesquise a seguinte tag: "]]></b:skin", quando achar, cole o seguinte código ACIMA dela.
/*------ Menu para Tags - I (Etc For Me) ------*/Ok, agora vá para layout, adicionar gadget, html/java script e adicione o seguinte código:
.menutags {
font: normal normal 12px 'Trebuchet MS', Trebuchet, sans-serif;
color: #fff;
text-decoration:none;
display: inline-block;
margin-bottom:5px;
background: #c67fb1;
text-align: center;
padding: 7px 8px 8px;
border: 2px solid #b674a3;
-webkit-transition-duration: .90s;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.menutags:hover {
font: normal normal 12px 'Trebuchet MS', Trebuchet, sans-serif;
color: #fff;
text-decoration:none;
display: inline-block;
margin-bottom:5px;
border: none;
background: #d6a0a0;
text-align: center;
padding: 7px 8px 8px;
-webkit-transition-duration: .90s;
-border-radius:50px 50px 50px 50px;
-moz-border-radius: 50px 50px 50px 50px;
-webkit-border-radius: 50px 50px 50px 50px;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
/*------ Menu para Tags - I (Etc For Me) ------*/
<a href="LINK" class="menutags">Título da Tag</a>
<a href="LINK" class="menutags">Título da Tag</a>
<a href="LINK" class="menutags">Título da Tag</a>
<a href="LINK" class="menutags">Título da Tag</a>
Se você precisar de mais vá colocando mais.
Substitua o que está em negrito pela cor que você quer :) Bom, eu acho que não tem muito que explicar, mas qualquer dúvida, comentários. Ah, e desculpa eu postar tão tarde, é que passei o dia todo em uma festa na qual eu não queria estar. E vou logo avisando que amanhã eu não irei postar, pois é o teatro, espero que entendam.
Own que fofo, adorei *uu*
ResponderExcluirhtmlandresources.blogspot.com.br
Obrigada <3
ExcluirSomos duas então,vivo sem criatividade ~ahsuahsuhaushau
ResponderExcluirAdorei o menuzinho,ficou bem fofo *U*
Bju-bju >3< Otakada Kawaii
Valeuuuuuuuuu <3
Excluirahhhh gostei muito bem fofo ^^
ResponderExcluirLP-HTML || louca-por-html.blogspot.com.br
kissus e bom inicio de semana!!
Obrigadaaaaa <3
ExcluirTags é sempre útil *u* Vou salvar talvez eu use.
ResponderExcluirFairy Html - ★
:))) (Eu acho que essa cara é tipo aquele sorriso do mal que vai te matar a noite)
Excluiretcforme.blogspot.com
Menu de tags é muito meigo >u<
ResponderExcluirNhaá ~ ✿ Tiara Prateada
Verdade, obrigada :)
Excluiretcforme.blogspot.com
Que fofo! Eu vi lá no face, ficou bem bonito o menu ^^
ResponderExcluirBrigadaaa <3
Excluiretcforme.blogspot.com
Ai que fofinho *-* Se eu não tivesse um menu la no blog, usaria!
ResponderExcluirBeijos, Tiptoe ♥ Espero sua visita *3*
Valeu <3 Eu não colocava muita fé nele.
Excluiretcforme.blogspot.com
Que menu mais lindo, ameei *O*
ResponderExcluirValeu <3
ExcluirAmei o menu, super fofo *w*
ResponderExcluir15 Days
Aguardo sua visita ~
Brigada <3
ExcluirQue menu fofo :3 Gostei minha amiga tava procurando um menu assim irei indicar para ela , talvez eu use também !
ResponderExcluirBeijos
http://www.biiasecrets.com/
Oh, muito obrigada <3
ExcluirQue menu cute *--*
ResponderExcluirD-Resources
Valeu :)
ExcluirLegal, é uma pena que não uso esses tutoriais com frequência!
ResponderExcluirUnbroken Dream
Amei o Menu !
ResponderExcluirAcho que vou usar.
Diários de um Garoto
Que bom <3
Excluir