[Tutorial] Lista personalizada

Oi oi pessoal do bem! -escrevi oi duas vezes- E estou com uma postagem programada básica, então na verdade estou fazendo isso no de tarde, às quatro e meia. Quero que chegue logo amanhã pra eu assistir One Piece e HunterxHunter. Ah é! Amanhã não vou postar, vou usar todo o meu tempo pra ajudar minha mãe a varrer a casa e assistir One Piece e HunterxHunter. Todo dia eu fico em um dilema: "Qual é melhor? One Piece ou HunterxHunter?" Todo dia tenho uma resposta diferente... Hoje estou defendendo One Piece, mas quem sabe amanhã....

Preview (www)

Acima de ]]></b:skin> cole:

.widget ul, .widget #archivelist ul.flat {
list-style: none;
padding: 3px;
}
.widget ul li, .widget #archivelist ul.flat li {
background: #eee; /*cor do fundo*/
border-radius: 2px; /*borda redonda, se não quiser apague. Se quiser mais redonda aumente o valor*/
padding: 5px 5px 5px 10px; /*espaçamento*/
margin: 2px -10px 2px -10px;
text-align: left; /*alinhamento do texto, mude para center (centro) ou right (direita)*/
color: #444; /*cor do texto*/
text-shadow: 1px 1px 3px #fff; /*sombra do texto*/
-webkit-transition-duration: .80s; /*duração da mudança de cores*/
}
.widget ul li:hover {
background: #baccc5; /*cor do fundo quando passa o mouse*/
color: #000; /*cor do texto passa o mouse*/
text-align: left; /*alinhamento do texto quando passa o mouse, mude para center (centro) ou right (direita)*/
-webkit-transition-duration: .80s; /*duração da mudança de cores*/
letter-spacing: 1px; /*letras se distanciando quando passa o mouse, se não quiser apague a linha*/
}

Para usar aperte este botão:

Se não conseguirem fazer é só comentar aqui em baixo. Espero ter ajudado o/