Personalizando o Link "LEIA MAIS" de seu blog

Se você utiliza esta função sabe de sua importância tanto para economizar espaço, melhorar a exibição de sua pagina, chamar a atenção do leitor para mais posts e gerar maior trafego em seu Blog, porém talvez o link "Leia Mais" não esteja chamando a atenção devida, Vamos ver agora como personalizar o Link "Leia Mais" mudando o texto e até mesmo acrescentando uma imagem em seu lugar.

Se você não utiliza essa função saiba como implanta-la clicando aqui.

Personalizando o link "Leia Mais"

1. Se você pretende mudar apenas o que esta escrito no link, vá até "Layout" e siga as imagens abaixo:

Na janela seguinte altere o texto no local indicado na imagem:

2. Salve e veja o resultado.

Adicionando imagem no Link "Leia Mais"

1. Para substituir o link "leia mais" por uma imagem, primeiramente você deve criar a imagem e depois hospeda-lá na internet.

2. Agora vá até "Layout" > "Editar Html" e marque a opção "Expandir modelos de Widget" e procure pelo código abaixo:

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >

3. Substitua a parte em vermelho pelo código abaixo:

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

4. Onde está em vermelho deve ser substituído pelo Url da imagem que você criou e hospedou na internet.

5. Salve o modelo e veja o resultado!