Olá pessoal
Sou Denis Gomez, sou o autor e estou escrevendo mais um artigo do Tech And Blogger, vou ensinar a vocês como trocar aquele pontinho preto das listas por uma imagem qualquer!
Bom, vamos ao tutorial:
- Primeiro vá até o 'Editar HTML' de seu blog!
- Depois pressione Ctrl+F e procure por:
]]></b:skin>
- Acrescente ACIMA dele o seguinte código:
li {
cursor: pointer !important;
list-style: none !important;
background: url(DIGITE-O-URL-DA-IMAGEM) no-repeat 0 4px;
text-indent: 24px !important;
border: none !important;
}
- Por último clique em salvar modelo.
O trecho negritado em azul, é o url da imagem que você quer que apareça no lugar do pontinho preto troque o DIGITE-O-URL-DA-IMAGEM pela url do trecho desejado.
Obs.: Seguindo as instruções acima, todos os lugares que tiver <li> no corpo HTML vai aparecer a imagem que você pois no lugar do ponto preto, para trocar o ponto preto apenas dentro das suas postagens, faça a seguinte alteração no passo 3:
Troque li { por .post-body li {
Obrigado a todos!
Denis Gomez
2 comentários:
Muito bom esse código, utilizo ele em alguns blogs, para deixá-los mais "editados".
Bom artigo Denis!
Obrigado Herlan... É verdade mesmo, ter essa propriedade personalizada e editada ajuda muito!
Postar um comentário