Coloque "leia mais" com imagem nos posts

Algumas pessoas pediram esse tutorial, e apesar dele já ser bem conhecido, resolvi postar, pois é bem curtinho e eu estou sem tempo para fazer um post maior.

Você vai fazer algo igual isso:



Primeiro você tem que criar uma imagem para usar, e hospedá-la em algum site. Se não sabe hospedar, clique aqui.

Depois vá no HTML do seu blog (Modelo > Editar HTML). Marque a opção "expandir modelos de widgets", aperte Ctrl+F e procure por: <data:post.jumpText/>


Apague somente esse código, e no lugar dele coloque isso: 
<p align='right'><a expr:href='data:post.url'><img src='Link da imagem aqui'/></a></p>

É só colocar o link da imagem onde se pede e salvar as alterações. Para funcionar, você só precisa clicar nesse botão  quando estiver fazendo o post, no lugar em que você quer que apareça o "leia mais".


Prontinho, espero que tenham gostado do tutorial!