Tutorial: Marcadores com efeito hover.

Hello ^^

A pedido da Vicky, vou ensinar deixar as tags iguais ao do blog:

Lembrando: Eu não me recordo de onde eu achei esse tutorial, creio que foi no Mundo Blogger.

Vamos lá?

Antes de tudo, siga esse passos:
Layout → Adicionar Gadgets → Marcadores

*Desculpem as tags, mas dá para enchegar. CLIQUE PARA AMPLIAR*

Salve. Em seguida vá em Editar HTML, e procure por: ]]></b:skin>
Cole antes de ]]></b:skin> o seguinte código:

.label-size span, .label-size a {
  color: #000000; /* cor dos marcadores em estado normal */
  padding:2px 5px; /* espaço entre os marcadores e as margens, não altere */
  margin:2px; /* espaço entre um marcador e outro, não altere */
  background: #EEEEEE; /* cor de fundo dos marcadores */
  display:inline-block; /* deixa os marcadores em caixinhas, não altere */
  font-size:10px; /* tamanho da fonte */
  border-radius:10px; /* bordas arredondadas */
  }

.label-size span, .label-size a:hover {
  background: #000000; /* cor de fundo dos marcadores em estado hover */
  color: #EEEEEE; /* cor dos marcadores em estado hover */
  }

Faça as alterações nescessárias no código, e salve.
Não modifique essas tags: padding:2px 5px; / margin:2px; / display:inline-block;

Gostaram do tutorial?

Ganhei da Dida >< Obrigada.

 NÃO ACEITO MAIS SELINHOS, NEM TAG.

Beijos