Marcadores personalizados

OOi amores >< Eu estava procurando uns tutoriais fáceis de marcadores personalizados, e eu achei esse menu divônico e decidi vir aqui mostrar para vocês
:33
  Como vocês perceberam eu estou postando de um em um dia, e não estou postando no final de semana (Só posto quando não tenho compromissos ou provas e trabalhos), acho que fica bem carregado pra mim que sou a única Criadora de conteúdo aqui :S Mas sim, se eu puder eu posto todos os dias, mas é que se não fosse a boa vontade da Professora eu teria tirado vermelha numa prova de história, (O que não seria nada bom :s) e eu teria obviamente passar um dia inteiro estudando... O incrível é que eu tenho uma facilidade pra fugir das coisas nas provas, penso em Paçoca, em cachorros, em gatos, coisas que aconteceram em 2009... Menos o conteúdo da MALDITA PROVA! Mas chega de mimimi, vamos ao tutorial:
Lembrando que não fui eu que criei >< créditos aqui e preview: Créditos Preview


Vá em modelo >> Editar html >> Expandir modelo de widget >> Procure por(Ps: Eu nem sei se no novo modelo do HTML tem Expandir modelos de widget, mas pra qualquer efeito...)

]]></b:skin>Encontrando essa tag,cole isso acima:

.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*/                            

}

 Feito isso,salve!

Agora vá em layout >> adicionar gadget >> Html/JavaScript >> cole isso

<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>

Se quiser mais marcadores, é só ir colando o código novamente.



Xoxo