1 de dezembro de 2013

Menu para Tags - I

||
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) ------*/

.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) ------*/
Ok, agora vá para layout, adicionar gadget, html/java script e adicione o seguinte código:

<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.

26 comentários:

  1. Own que fofo, adorei *uu*

    htmlandresources.blogspot.com.br

    ResponderExcluir
  2. Somos duas então,vivo sem criatividade ~ahsuahsuhaushau
    Adorei o menuzinho,ficou bem fofo *U*
    Bju-bju >3< Otakada Kawaii

    ResponderExcluir
  3. ahhhh gostei muito bem fofo ^^

    LP-HTML || louca-por-html.blogspot.com.br

    kissus e bom inicio de semana!!

    ResponderExcluir
  4. Tags é sempre útil *u* Vou salvar talvez eu use.

    Fairy Html - ★

    ResponderExcluir
    Respostas
    1. :))) (Eu acho que essa cara é tipo aquele sorriso do mal que vai te matar a noite)

      etcforme.blogspot.com

      Excluir
  5. Que fofo! Eu vi lá no face, ficou bem bonito o menu ^^

    ResponderExcluir
  6. Ai que fofinho *-* Se eu não tivesse um menu la no blog, usaria!

    Beijos, Tiptoe ♥ Espero sua visita *3*

    ResponderExcluir
    Respostas
    1. Valeu <3 Eu não colocava muita fé nele.

      etcforme.blogspot.com

      Excluir
  7. Amei o menu, super fofo *w*

    15 Days
    Aguardo sua visita ~

    ResponderExcluir
  8. Que menu fofo :3 Gostei minha amiga tava procurando um menu assim irei indicar para ela , talvez eu use também !
    Beijos
    http://www.biiasecrets.com/

    ResponderExcluir
  9. Legal, é uma pena que não uso esses tutoriais com frequência!
    Unbroken Dream

    ResponderExcluir

Vai comentar? Obrigada Mas antes, leia por favor:

Os comentários são moderados para eu saber quem comentou, assim posso retribuir, somente por isso ok? Pode comentar o que quiser, até criticas e ofensas, mas mantenha o respeito.
Leia o post todo antes de comentar, não comente apenas para divulgar o seu blog.
Se for colocar o link do seu blog, coloque sem o "https://", pois o blogger considera spam.
Não precisa comentar "Seguindo, segue de volta?" Se eu gostar, eu sigo.
O resto pode fazer :3 Mas tenha respeito.

Obrigada novamente