Marcadores personalizado

Oi meus diamantes

Hoje vim trazendo um tutorial super simples. Como colocar marcadores personalizados no seu blog. Este tutorial eu aprendi via dois blogs, cujo os links vocês conferem lá no final do post. Bom, eu trouxe um modelo de marcador super lindo (que também foi disponibilizado por aqueles blogs). Vocês conferem Aqui.

Bora conferir este tutorial? Então clique em ''Mais informações''!

1) Abra o painel do Blogger, e se dirija á ala Modelo. Logo depois dê um clique em Editar HTML. Dê Ctrl + F e procure pela tag:

]]></b:skin>

 2) Ao encontrar essa tag, cole acima este código:

.menutags a{

display: inline-block; 

margin-bottom:5px; 

background: #f2f2f2; /*cor do fundo*/

font-family: 'Times New Roman'; /*fonte*/

font-size: 9px; /*tamanho da letra*/

text-align: center;  /*alinhamento*/

text-transform: uppercase; 

width: 110px; /*comprimento*/

padding: 7px 8px 8px; 

border-bottom: 4px solid #6e5c4b; /*cor da borda*/

color:#856d57; /*cor da letra*/

-webkit-transition-duration: 1s;}

.menutags a :hover{

border-bottom:4px solid #735941; /*cor da borda quando passa o mouse*/

background: #f2f2f2; /*cor do fundo quando passa o mouse*/

color:#856d57; /*cor da letra quando passa o mouse*/

font-size: 9px;/*tamanho da letra quando passa o mouse*/

}

3) Logo após colocar aquele código, salve. Agora se dirija á ala Layout. Logo após clique em Adicionar um Gadget. Procure por HTML/JavaScript, e cole este código:

 <div class="menutags">

   <a href="LINK">NOME</a>
 <a href="LINK">NOME</a>
 <a href="LINK">NOME</a>
 <a href="LINK">NOME</a>
 <a href="LINK">NOME</a>

</div>

4) Salve, e pronto!

Bom pessoal, este tutorial não foi criado por mim, por isso, se der algo de errado, falem com os verdadeiros   criadores deste método, ou sendo, os blogs que eu irei creditar. Obrigado!

Créditos/fonte:
Kawaii Things
Chovendo Diamantes

Até a próxima!

- Bay Gabriela