Personalizar o link "Leia Mais"

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.



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!

Se você ainda não utiliza esta função, saiba como adiciona-la agora:

lhttp://ibazing.blogspot.com/2011/05/colocar-funcao-leia-mais-continue-lendo.html

Posted in: dicas, tecnologia