Personalizar e Colocar Imagem no LInk Leia Mais

Esta é a função jump break do blogger que é muito importante para divulgar melhor os seus posts na página inicial do seu blog, quanto mais artigos aparecerem na primeira página mais chances você terá de que o visitante visite outras páginas do seu blog e com isso gerar lucro com o adsense ou outro programa de afiliado, a função do jump break é a de encurtar seus artigos para que você possa colocar o máximo possível de artigos na página inicial.

1. se você deseja apenas mudar o que esta escrito no link, vá até "Layout" como mostra a imagem abaixo:


Na janela que irá abrir altere o texto como no local indicado na imagem:


2. Salve e veja se ficou como você quer.

Se desejar você pode adicionando uma imagem no lugar do Link "Leia Mais" é só seguir os passos descritos abaixo.

1. Para substituir o link "leia mais" por uma imagem, primeiramente você deve criar a imagem no photoshop ou procurar por uma na internet e depois hospeda-lá em algum serviço do gênero, recomendo o picasa que é o mais seguro para isso e se você usa o email do gmail nem precisará criar conta

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 acima pelo código abaixo com o link da imagem hospedada:

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

4. Visualize e se deu tudo certo salve o modelo e veja como ficou, simples não é? Espero que tenham gostado dessa dica.

Escrito Por:

3 comentários:

  1. Valeeeeeeeeeeeeeu!!!

    Deu certo, 100%

    =D

    ResponderExcluir
  2. vc fez algo errado, repita o processo passo a passo e se der errado novamente me avise que revejo o post, em todos os meus blogs deu certo.

    ResponderExcluir