Marcadores Personalizados

Olá florzinhas!! Hoje eu vou ensinar um tutorial que deixa os marcadores bem legais e personalizados. É bem fácil esse tutorial.

1-  Vá em Layout >> Adicionar um Gadget >> HTML/JavaScript>> E cole o seguinte:

<style>
#Label1 ul li{
float: left;
width: 49%;
}
.widget ul, .widget #ArchiveList ul.flat {
padding: 0;
list-style: none;
}
.widget ul li, .widget #ArchiveList ul.flat li {
padding: .35em 0;
text-indent: 0;
border-bottom: dotted 1px #eee; /* cor e estilo da borda */
text-align: center;
}
.widget ul li:hover {
background: #E282FF /* cor do fundo ao passar o mouse */
}
</style>

2- Mude o que quiser, mas apenas mude o que indica o código acima (partes escritas no lado) como: a cor do estilo da borda e a cor do fundo ao passar o mouse. 

AÍ VAI UM EXEMPLO:

♥ Beijinhos ♥ !!