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!

2. Leia Mais com duas imagens
Nesse você usa duas imagens: uma que aparece sempre em todos os posts e outra que aparece quando o mouse está no link para clicar. 
-Encontre: <data:post.jumpText/>
-Troque por:
<img border='0' onmouseout='this.src=&apos;url da imagem&apos;' onmouseover='this.src=&apos;url da imagem quando passa o mouse no link&apos;; return true' src='url da imagem'/>
-Visualize e salve. Quando estiver fora da visualização, teste passando o mouse em cima da imagem, que deverá mudar. 

http://reinokawaii.blogspot.com.br/2012/07/5-formas-de-personalizar-o-leia-mais.html