Como criar lista personalizada com imagem no Blogger

Para você que usa o Blogger vou mostrar uma dica bem legal para você personalizar o seu blog e deixar ele com a sua cara.

Hoje irei mostrar como criar uma lista personalizada com imagens para o Blogger. As listas normais no Blogger são apenas pontinhos pretos na frente dos itens da lista, então vou mostrar como trocar esse pontinhos por imagens.

Veja como vai ficar nossa lista com uma imagem de uma seta preta:

984544

Esse é só uma exemplo que como falei anteriormente você poderá mudar essa seta para qualquer outra imagem que você quiser.

Criar lista personalizada

1º Passo: Entre no painel do seu Blogger clique em “Modelo” e depois em “Personalizar“:

36789

2º Passo: Clique em “Avançado” depois em “Adicionar CSS“:

217897

3º Passo: Agora copie o código abaixo e cole nesse espaço do lado direito:

Importante: Feito isso clique fora desse lugar para que o botão “Aplicar ao blog” fique disponível. Clique nele e depois em “Voltar para o Blogger“.

14778

4º Passo: Faça sua postagem normalmente e quando quiser adicionar uma lista clique em “HTML” e cole o código abaixo no local em que deseja que a lista apareça:

Ficando como no meu exemplo abaixo:

3879

Importante: A lista com a imagem só vai aparecer quando você clicar em “Visualizar” ou publicar a sua postagem, ela não aparece enquanto você estiver fazendo sua postagem.

Detalhe: Caso queira mudar a imagem que aparece na lista basta trocar o link da imagem  que está no código do passo e substituir por outro link com a imagem que  você queira.

Relacionados:

Ainda não há comentários.