9 de dezembro de 2013

Menu para Tags - II.

||
Olá amores, tudo bem com vocês? Eu estou recomeçando o layout novo daqui, sei lá, o outro não ficou tão "WOW!" sabe? Então eu vou recomeçar, eu realmente quero colocar o meu melhor nele, eu quero que os outros blogueiros bons olhem para o blog e fiquem "Nossa, esse realmente é bom". Não significa que eu quero a "perfeição", significa que eu quero colocar o meu máximo, quero fazer algo que seja da minha capacidade, que fique bom. Eu realmente quero que vocês gostem, se apaixonem, eu quero que ela fique bastante tempo aqui no blog, até o meu aniversário (29/07), então, entendem o que eu quero né? 

Bom, eu quero agradecer as duas mil visualizações de ontem <3 Obrigada de verdade. Ok, depois desse parágrafo enorme sobre o novo layout daqui (se quiserem ignorar o parágrafo, tudo bem, eu acho que nem eu iria ler), eu trago para vocês, ao som de E.T da Katy Perry, mais um menu para tags feito por mim. Ele é bem simples, mas é bem fofinho. Ele é bem melhor do que o primeiro, disso eu tenho certeza. Bom, não tem muito do que falar dele. No blog de testes ele ficou alinhado na vertical, vocês vão ver, mas é por causa do tamanho pequeno, se o tamanho da sua sidebar for grande, ele ficará normal, se não for, é só diminuir a width ok? :) Para ver ele, clique aqui.


Bom, gostaram? Para usá-lo é simples, primeiro abra o painel do seu blog, vá em modelo, editar HTML, clique nos códigos e CTRL F, assim abre a caixa de pesquisa. Quando a caixa abrir, procure o seguinte código: "]]></b:skin" e cole ACIMA dele o código abaixo:
/*------ Menu para Tags (Etc For Me)------*/
.menutags {
color: #fff;
text-shadow: 1px 1px 1px #ccc;
background: #cfa4bb;
border: solid 1px #cb8bad;
box-shadow: inset 0 0 6px #cb8bad, 0px 1px 1px #bd7fa1;
outline: 2px solid #cfa4bb;
outline-offset: -13px;
line-height: 16px;
margin:1px;
margin-bottom: 1px;
margin-left: 20px;
display: inline-block;
padding-top: 5px;
text-align: center;
font-family: PF Arma Five;
font-size: 8px;
float: center;
margin: 1px;
padding: 1px;
height: 16px;
width: 100px;
-webkit-transition-duration: .80s;
}
.menutags:hover {
-webkit-transition-duration: .80s;
text-shadow: 1px 1px 1px #ccc;
background: #e4cae9;
border: solid 1px #d0abd8;
box-shadow: inset 0 0 6px #d0abd8, 0px 1px 1px #cb94d7;
outline: 2px solid #d0abd8;
color: #a97cb3;
text-shadow: 1px 1px 1px #c7a4ce;
}
@font-face { font-family: 'PF Arma Five'; src: url('http://static.tumblr.com/xf6erfz/sUBm594pm/pf_arma_five.ttf'); src: format('truetype');}
/*------ Menu para Tags (Etc For Me)------*/
Salve o modelo. Depois disso, vá em layout, adicionar gadget, HTML/java script e cole 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> 
E pronto! :) É só salvar, colocar o link, o nome da Tag onde pede e tá tudo pronto. Se quiser mais tags coloque mais do código acima. Gostaram amores? Espero que sim. Se for repassar me avise e der os créditos, e usar no seu blog, dê os créditos. 

16 comentários:

  1. Foi um dos menus mais fofos que vi >< Ameei <3

    htmlandresources.blogspot.com.br

    ResponderExcluir
  2. vc ganhou o meu respeito com o comentário lá no soqnunca, parabéns

    ResponderExcluir
  3. Que fofo o menuzinho! Eu uso uma mais ou menos assim, ocupa menos espaço ^^

    Quero ver o novo lay do blog *--*

    ResponderExcluir
  4. Esse layout tá fofo, especialmente por ser de animais <33
    Adorei o menuzinho <3 muito cute ><
    Kiss
    With You

    ResponderExcluir
  5. O novo layout com certeza vai ficar incrível, adorei o efeito, nunca vi nenhum parecido :3

    Eloísa do Having Cherry || Aguardo sua visita

    ResponderExcluir
  6. Lindo Menu <3
    Pensava que tinha comentado aqui :/
    candytendy.blogspot.com
    Seguindo ^-^

    ResponderExcluir
  7. Que menu mais "fofinho" AHUSHASH' ótimo tutorial q

    ☆ milky way ☆

    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