Adicione uma imagem ao título da postagem

Nós já vimos alguns ícones ao lado do título das postagens em muitos sites e blogs e eles são bem interessantes. Se você deseja colocar-lo ao lado do seu título siga este pequeno tutorial. (Veja um exemplo nesse blog que criei Só Portátil , note a imagem SP ao lado do título.)

1º - Crie uma imagem
Você pode criar sua imagem em um editor de sua preferência ou em um gerador online como o cooltext.com. Depois faça o upload de sua imagem para um servidor como o http://images.cdmazika.com/

2º - Criação do código da imagem

O código da imagem é esse

<img src="LINK DA SUA IMAGEM" style="border-width:0px" />

Substitua o LINK DA SUA IMAGEM pelo link que você pegou quando fez o upload de sua imagem.

3º - Modificando o modelo

Agora vá para o painel de seu blog, clique em Layout > Editar HTML > baixe o template para seu HD e depois clique em expandir o modelo.
Localize o seguinte código:

<b:includable id='post' var='post'>
<div class='post hentry'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'> <data:post.title/> </ a>
<b:else/>
<b:if cond='data:post.url'>

Cole o código da etapa 2 logo abaixo da última linha desse código, visualize e se tudo tiver dado certo salve a modificação.

Se você quiser colocar depois, no final do título, coloque o código no final desta linha.

<data:post.title/>

Visualize e Salve.