Tutorial - Menu para tags.

Nyah!

Eu acho que estou boiando aqui. Tipo, eu passo uma meta e só depois de cinco dias, ou mais, que eu percebo e vou atualizar a pagina do about. Não sou muito atenta á isso, até porque ás vezes tem seguidores que nem entram no blog. Pra que serve esse tipo, né? Mas enfim, aproveitando esse ritmo de completar metas: queria parabenizar a Luanne, do Crazy For HTML, pelos 100 seguidores. Ela merece. Parabéns, amora!

Mas agora, falando do tutorial. Eu achei ele lá no Go Imagines, ele é para o gadget de tags próprio do Blogger. Mas dei uma modifica e transformei em menu para tags - já que, aqui não consigo usar por causa do "x" que acompanha cada uma delas. Então, eu transformei em menu, e até que deu certo rsrs'. Vá lá no "Extras" para ver o menu. Caso você tenham visto esse post depois deu mudar o template, clique aqui para visualizar o menu.

Abra seu HTML, dê Ctrl + F e procure por: ]]

Acima dessa tag, cole:

.tags{
float: left;
width: 45%;
font-family: 'Dosis', sans-serif; /* fonte, se preferir troque */
text-transform: uppercase; /* letras em maiúsculo, se não quiser apague a linha */
font-size: 12px; /*tam. da fonte*/
background: #fff; /*fundo*/
border-bottom: 2px solid #cff5e2; /* borda de baixo do marcador */
margin: 5px;
font-weight: normal;
list-style-type:none;
}
.tags:hover{
background: #fff; /*fundo hover*/
border-bottom: 2px solid #afb5e5; /* borda de baixo do marcador hover */
}

Modifique as partes que preferir, salve e depois vá em Layout. 

Abra um novo gadget de HTML/Javascript. Nele, cole:

<a href="/link_aqui" alt="&#173;" ><div class="tags">Teste</div></a><a href="/link_aqui" alt="&#173;" ><div class="tags">Teste</div></a><a href="/link_aqui" alt="&#173;" ><div class="tags">Teste</div></a><a href="/link_aqui" alt="&#173;" ><div class="tags">Teste</div></a>

Para adicionar mais tags, cole o seguinte:

 <a href="/link_aqui" alt="&#173;" ><div class="tags">Teste</div></a>

Se usar credites os blogs: TSD e o Go Imagines. Espero que tenham gostado do tutorial, até a próxima.

Beijos, Ana.