Trocando o "leia mais" por imagens

Gut nacht! Há quanto tempo, não é mesmo? Eu sou uma assombração medieval e reapareci no blog com meus feitiços místicos macumbásticos neste belo dia maravilhoso de Halloween -q Como vão vocês? Espero que estejam bem! 

Enfim, nesta noite maravilhosa (exceto por esse calor infernal) eu trago um tutorial bastante simples e de utilidade, porque convenhamos, aquele negócio escrito "mais informações" é muito feio. Há também tutoriais para apenas personalizar o "leia mais" no CSS, mas dependendo do layout fica melhor substituir por uma imagem. Eu costumava personalizar só desse jeito há algum tempo atrás, ficava interessante. 

Sem mais delongas, venha com a Tia Nyu e clique no leia mais!

Primeiramente, abra o HTML do seu blog e com aquele tão conhecido "ctrl+f" pesquise pelo seguinte código:

<data:post.jumpText/>

 Ao encontrá-lo, substitua-o por esse:

<p align='right'><a expr: href='data:post.url'><img src='picture link'/></a></p> 

 Onde está escrito "picture link" você substituirá pelo link da imagem que desejar.

Para não ficar algo feio e exagerado, eu recomendo que não use uma imagem gigante. Uma imagem de pelo menos 131 x 39 fica ótima e fica melhor ainda se estiver em formato .png, por causa do fundo transparente.

Alguns modelos que você poderá usar:

♣

É só isso, espero que tenham gostado do tutorial!