Tutorial - Personalizar listas não ordenadas

CRÉDITOS AO BLOG - SWEET POISON

Hoy Tortas de Uva, hoej vou postar um tuto super fofo e últil.
A lista não ordenada, geralmente é representada no blog pelos pontinhos:

Lista 1

Lista 2

Lista 3

Agora, vamos personaliza-lo?
Escolha a imagem que queira, e salve.

                                                       

1. Vá em Editar HTML >> Prosseguir:
2. Utilizando o Ctrl +F ou F3, procure por: .post ul ou .post li e substitua todo o código de  .post ul ou .post li pelo código abaixo:

.post ul {
margin: 1px;
padding:1px;
list-style: none;
}
.post li {
padding: 0 0 0 12px;
margin: 0;
background: url (URL DA IMAGEM) no-repeat left 2px;
}

Entenda o código:
12px: É a distância entre o texto e a imagem.
URL DA IMAGEM: Substitua pela URL da imagem que você escolheu

Salve!Beijinhoos ♥