Mini gifs nos marcadores do blog

Oi minhas lindas, me desculpem o sumiço por quase 2 semanas, eu fiquei esse tempo todo sem postar porque eu estava muito ocupada fazendo o novo layout do blog, e eu estudo de tarde então, o único tempo que eu tenho para postar é de manha ou de noite, mas a noite eu tenho lição, então não da, mas enfim, o que vocês acharam do novo layout, gostaram ele esta todo rosa a minha cara.
Essa semana vai ter uma coisa muito especial para vocês, vou fazer uma maratona de tutorias, porque eu sei que vocês adoram personalizar seus bloguinhos, e além do mais eu criei uma pagina de godies, e eu vou encher ela de tutoriais para vocês, e hoje para começar a maratona vou ensinar vocês a fazerem uma coisa super fofa nos marcadores, hoje vamos colocar mini gifs nos marcadores, então clique em leia mais e confira o tutorial.



Ficara assim

Vá no seu painel do blogger e vá em:

Layout > adicionar um gadget> html/Java Script

E cole esse codigo

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

Aonde esta url do 1 e 2 gif  voce coloca a url das gifs, voces tambem podem editar a espessura, estilo e cor da linha de baixo que vai separar os marcadores, eu separei algumas gifs para voces.

Os creditos desse tutorial vao para o Cha e Cupcake.

Espero que voces tenham gostado do tutorial ele é o meu primeiro   divirtam- se e usem nos seus blogs, e amanha tem mais tutorial.

----  -- -- --     --