Imagem ao lado do titulo dos posts

Já faz um tempo que implementei isso aqui no Ferramentas blog. Coloquei uma figura ao lado dos títulos de minhas postagens para destacar mais o meu blog e mostrar mais qualidade. Alguns já me perguntaram como faço isso e resolvi aqui mostrar. Pode parecer insignificante, mas ter um template exclusivo é apenas para quem sabe programar (e eu não sei), então, resta modificar os detalhes do que se usa.

É algo bem rápido e simples de fazer. Primeiro vc tem que criar ou encontrar a imagem que quer que apareça em seus títulos. Tem que ter o tamanho certo e proporcional à sua barra de títulos para não ficar estranho. Hospede essa imagem no servidor de imagens q vc preferir.

Feito isso, procure por estas linhas em seu código HTML (isso fica em “Layout” na aba “Editar HTML”). Lembre-se de marcar o “Expandir modelos de widgets”, pois só assim é possível encontrar essas linhas.

<a expr:name=’data:post.id’/>
<b:if cond=’data:post.title’>
<h3 class=’post-title entry-title’>

Abaixo da linha destacada de vermelho, vc vai inserir o seguinte código da imagem, com as devidas mudanças:

<img align=’left’ border=’0′ src=’http://ENDEREÇO DA IMAGEM‘ style=’border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; margin-right: 0px; border-right-width: 0px’/>

Assim a imagem ficará devidamente alinhada.

Faça bom proveito e mostre que seu blog tem personalidade (mesmo usando o modelo criado por outros, rs!).