Tutorial: Mini Gifs nos marcadores

Ola amores, Achei um Tuto super simples, e que é muito fofinho, que achei no C&C. 

Pensei em colocar no Blog, mas o Layout dele não combinaria muito então optei em apenas trazer para vocês. Espero que gostem ....

Vá no seu painel:

Layout  Adicionar Um Gadget  HTML/JavaScript

E cole:

<style>
.sidebar ul li {
list-style: disc url( URL DA GIF 1 );/*Primeira Mini-Gif*/
font-size:13px; /*Tamanho da Letra*/
vertical-align: top;
padding: 7px 0px 4px 0px; /*Espaço entre um marcador e outro*/
margin-left: 7px;
border-bottom : 1px dashed #ccc; /*Espessura, estilo e cor da linha de baixo*/
}
.sidebar ul li:hover {
list-style: disc url( URL DA GIF 2 ); /*Segunda Mini-Gif*/
font-size:13px; /*Tamanho da Letra*/
vertical-align: top;
padding: 7px 0px 4px 0px; /*Espaço entre um marcador e outro*/
margin-left: 7px;
border-bottom : 1px dashed #ccc;  /*Espessura, estilo e cor da linha de baixo*/
}
</style>

E se quiserem, peguei um gifs para usar: 

Então é isso, é um tuto pequeno mas de bom proveito. Beijinhos