Colocando Imagens nos Marcadores do Blogger

É simples colocar uma imagem nos marcadores (itens da lista) dos Blogs da plataforma do Blogger. Isso faz com que o Blog fique com os marcadores personalizados e destacados, dando mais elegância e deixando-os mais atraentes para os visitantes. Acesse: Editar HTML, use a ferramenta de localização do navegador (CTRL +F).

Localize este trecho:

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}

.sidebar li {
margin:0;
padding:0 0 .25em 15px;
text-indent:-15px;
line-height:1.5em;
}

E acrescente logo abaixo:

.sidebar ul li {
list-style: disc url(link da imagem);
vertical-align: top;
padding: 0;
margin-left: 16px;
}

Pronto! Salve e verifique o resultado.

Para ajustar melhor a imagem junto com o texto, altere o valor (16px) no trecho margin-left: 16px; isso faz com que a imagem fique ajustada com relação a distância da margem esquerda do Template, dependendo do modelo que usar. Use imagens pequenas do tipo PNG, JPG ou Gif (estático), com dimensões entre 40 x 40.ou menores.

Tutorial Original: Templates Novo Blogger