Imagem ao lado do titulo da postagem

Se você preza pela aparência de seu Blog, saiba que você esta fazendo certo, pois se seu Blog ter uma aparência desagradável e pesada, os leitores podem deixar seu Blog antes mesmo de conhecer seu conteúdo, pois como já disse aqui que, "a primeira impressão é a que fica". Neste artigo vamos ver como adicionar uma pequena imagem ao lado do titulo das postagens, dando um charme a mais em seu Blog.


Exemplo de como ficará:

Colocando imagem ao lado do titulo das postagens:

1. Primeiramente você deve criar a imagem que irá utilizar, e hospeda-lá na internet, saiba como hospedar imagens na internet

2. Vá até "Layout" > "Editar Html" e marque a opção "Expandir modelos de widget" e procure pelo código abaixo:
<a expr:href='data:post.url'><data:post.title/></a>
3. Agora substitua o código acima pelo código abaixo:
<img src="URL_DA_IMAGEM"/> <data:post.title/>
4. Onde esta indicado em vermelho deve ser substituido pelo Link da imagem que você criou.

5. Salve e veja o resultado

Mais algumas dicas para melhorar a aparência de seu Blog:

8 comentários:

  1. dei uma olhada esta mesmo!, achei que algumas coisas nem são necessárias, você poderia dar prioridade para outras, só uma dica, pois o queimporta mesmo sempre é o conteudo!

    ResponderExcluir
  2. Acho que isso é bom pra o tipo de layout que nem o seu, mas no meu blog não caberia muito bem por exemplo.

    Mesmo assim acho sempre importante colocar uma ou 2 imagens no texto, se não fica muito pesado

    ResponderExcluir
  3. Bem interessante este tipo de layout com a foto do lado do título...vou tentar inserir em um dos meus blogs. Valeu!!!

    ResponderExcluir
  4. As imagens são essenciais em nossos blogs. São muito importantes e ajudam a prender nossos leitores.

    Um abraço
    Adriano Luz

    ResponderExcluir
  5. Muito obrigado por compartilhar conhecimento! A sua dica foi muito útil para mim.

    ResponderExcluir
  6. Oi olha eu fiz no meu blog, a imagem apareceu, só que o titulo perdeu totalmente o click para ir em outra pagina, para comentar
    Eu queria saber se fiz algo errado ou é assim mesmo?
    Obrigado

    ResponderExcluir
  7. No meu blog não apareceu nada,será que fiz alguma coisa errada?

    ResponderExcluir

Todos os direitos reservados © Soluções Blog - Desenvolvido por Gustavo Solbas. Tecnologia do Blogger.