Pesooal essa dica e pra quem não economiza em personalizar o blog, eu testei e garanto a funcionalidade como podem ver aqui no meu blog está funcionando perfeitamente. Para que apareça o link leia mais você deve iserir expansão de postagem, o que é isso? é simples quendo for postar após algumas linhas escritas clique nesse icone acima. Observe a imagem.
Faça isso sempre em todas suas postagens, e então vamos lá.
1º- você deve criar a imagem que deseja colocar no lugar do texto. observe a minha como ficou.
o tamanho que usei é de 150x35 pixel.
2º- depois de criada hospede a imagem em algum site de sua peferência, conheça alguns sites gratuito clique aqui.
depois de hospedada vamos ao html. Sempre antes de qualquer edição no código do seu blog baixe uma copia do modelo para não danificar seu template caso faça algo errado.
Agora clique em design, editar html e espandir modelos de widgets de um ctrl+f no teclado procure pelo seguinte código.
Faça isso sempre em todas suas postagens, e então vamos lá.
1º- você deve criar a imagem que deseja colocar no lugar do texto. observe a minha como ficou.
o tamanho que usei é de 150x35 pixel.
2º- depois de criada hospede a imagem em algum site de sua peferência, conheça alguns sites gratuito clique aqui.
depois de hospedada vamos ao html. Sempre antes de qualquer edição no código do seu blog baixe uma copia do modelo para não danificar seu template caso faça algo errado.
Agora clique em design, editar html e espandir modelos de widgets de um ctrl+f no teclado procure pelo seguinte código.
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >
Se por acaso você não encontrar esse trecho em seu blog faça a seguinte, procure por.<data:post.body/>E logo abaixo dele você cola o trecho
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >
Estando tudo certo troque o trecho marcado em vermelho por.<p align='left'><a expr:href='data:post.url'><img src='URL_da_IMAGEM' /></a></p>Em url da imagem coloque o link da imagem que você criou e hospedou na internet e onde está em verde é o lado em que a imagem aparecerá. salve e veja como ficou.
Se você desejar trocar apenas o texto e não colocar uma imagem o caminho é o seguinte clique em design, elementos de página e em postagens no blog clique em editar.
Agora altere o texto existente pelo texto que você deseja que apareçá.
Salve as alterações e veja como ficou.
Pronto ta ai a dica espero ter ajudado, e não esqueça de comentar para que eu possa estar sempre melhorando e trazendo um otimo conteúdo até vocês.
