Personalizando as "listas" do blogger

Agora que voltei a postar tutoriais, estou muito mais motivada a blogar. Apesar de estar um pouco ausente, minhas provas vão começar quarta-feira, e estou um pouco ocupada com trabalhos de escola e outras coisas. Queria escrever um post sobre alguns assuntos variados, mas estou sem tempo. Espero que não se importem com mais um tutorial, estou mesmo sem tempo. 

 O tutorial de hoje eu nunca vi em lugar nenhum, apesar de ter certeza que pode ser encontrado, caso procure. É sobre uma personalização que quase não vejo, já que o próprio item é pouco usado. Estou falando das listas do blog.

As listas servem, obviamente, para numerar ou classificar as coisas em uma espécie de categoria. Minha explicação não ficou nada boa, então veja um exemplo das listas:

Agora vamos aprender a personalizá-las:

 (Veja um exemplo da lista personalizada aqui.)

1- Vá no HTML do seu blog, aperte CTRL+F e procure por ]]></b:skin>;

2-ACIMA disso, cole:

Para personalizar a lista comum:

.post-body ul li {
list-style: disc url(http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/Coracao.gif);
font-size:13px;
vertical-align: top;
padding: 7px 0px 4px 0px;
margin-left: 7px;
}

Para personalizar a lista de números:

.post-body ol li {
list-style-type: decimal;
font-size:13px;
vertical-align: top;
padding: 7px 0px 4px 0px;
margin-left: 7px;
}

Entendendo os códigos:

list-style: disc url(http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/Coracao.gif): gif que antecede os itens da lista. Troque por "none" caso não queira, ou mude a URL do mini gif.

list-style-type: decimal: Deixa a lista com números.

font-size:13px: Tamanho da fonte.

vertical-align: top; Alinhamento.

padding: 7px 0px 4px 0px: Espaçamento.

margin-left: 7px: Margem entre a lista e a "beirada" da postagem.

Você pode colocar hover, mudar a fonte, a cor, o estilo da fonte, etc. Basta usar a criatividade.

Meus querides! Caso vocês gostem desse blog e queiram continuar me acompanhando, eu ainda escrevo, mas em outro blog. Não posto apenas tutoriais, mas continuo escrevendo e falando de vários assuntos, inclusive a blogosfera. Caso queira visitar (sério ótimo uma visita): clique aqui para ir ao blog Serenar