Tutorial 8# Menu para tags

Oieh! =3
Trouxe para vocês um tutorial de como colocar um menu de tags como o meu =D
É muito simples!
Vamos lá?


- Vá em Adicionar Gadget indo em Layout, e procure por esse da imagem abaixo, que muitos devem conhecer.

- Depois selecione o cloud, desmarque a caixinha e selecione os marcadores que desejar :3

- Depois de arrumado, vá no HTML do seu blog, de CTRL + F e procure por ]]></b:skin> e adicione o seguinte código acima (modificando apenas o que está em rosa se achar necessário)

.label-size span, .label-size a {

  padding:3px 6px;

  margin: 2px;

  background: #F1f1f1;

  display:inline-block;

  font-size: 8px;

  border-radius:3px;

box-shadow: inset 0 0 13px #ccc;

text-transform: uppercase;

font-family: handy;

  color: #000;

  }

.label-size span, .label-size a:hover {

  background: #ffbdbd;

  color: #fff;

box-shadow: inset 0 0 13px #f28c8c;

text-transform: uppercase;}

 @font-face {font-family: "handy"; src: url('http://static.tumblr.com/lnvca6d/E6vm63ih7/pf_ronda_seven__1_.ttf');}

É isso. Espero que tenha ajudado ;)

Beijos! :3