Personalizar o Link Leia Mais

Praticamente todos os blogs usam o hack leia mais ou continue lendo para mostrar o resumo da postagem no blogger para deixar o blog mais rápido para carregar e aumentar o numero de pageviews, mas podemos personalizar esse texto do link do resumo da postagem ou até mesmo usar uma imagem no lugar dele para achar mais atenção dos visitantes e melhorar o layout e aparência do blog. Mas caso esteja procurando sobre alterar o link da postagem veja nesta dica sobre mudar endereço das postagens.

Trocar o Texto do Link Leia mais do Blogger

Se estiver tudo certo no seu template (HTML do blog) você só precisa entrar na pagina layout e clicar para editar as postagens do blog para modificar esse texto do resumo da postagem.



Modificar Hack Leia mais: Trocar o texto ou colocar imagem

O primeiro passo é ter uma imagem para utilizar então veja aqui como criar e editar imagens online. Depois que tiver a imagem pronta e hospedada entre na pagina editar HTML, marque a opção expandir modelo de widgets e procure pelo trecho: <data:post.jumpText/>

Então você pode apagar esse trecho e escrever o que desejar no lugar. Mas se preferir colocar uma imagem no lugar do link leia mais então coloque esse código:
<img style="float:right" src="endereço da imagem" border="0" />
No lugar onde está <data:post.jumpText/>, mas colocando um endereço de imagem no local indicado, veja aqui sobre problemas com imagens e também hospedar imagens no Blogger.

Além disso o código tem a parte style="float:right" que faz a imagem ficar do lado direito se quiser do lado esquerdo troque a palavra right por left, mas se preferir a imagem centralizada então troque o float:right por text-align:center;margin:auto.


0 comentários:

Postar um comentário