Hack "Leia mais..."

O Blogger fez vários mudanças de um tempo pra cá que ajudam muito os iniciantes que não tem muita experiência com HTML. Um deles é o Resumo de Postagens. Vou ensinar a personaliza-lo!


Alterar o texto do link


Faça login com sua conta do Blogger e vá até o painel da sua conta. Depois clique no menu Layout/Design -> Elementos da página e (aonde está escrito "Postagens") clique em Editar.

Abrirá uma janela na qual a segunda opção trata-se do link do resumo das postagens do blog, é o "Texto do link da página de postagem". Basta você trocar o conteúdo pelo o que você deseja.

Lembre-se!
Sempre que for alterar o código fonte do seu blog, faça uma cópia de segurança, um backup de seu modelo.


Alterar o link pelo código fonte


Abra no painel do Blogger o menu Layout -> Editar HTML e clique em “Expandir modelos de widgets” para ver todas as linhas do código-fonte de seu modelo de template. Agora procure pelas seguintes linhas:

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

Para adicionar uma imagem:

Substitua por completo o trecho “<data:post.jumpText/>” por um código de imagem:

<img src='URL_da_IMAGEM'/>

Substituindo o texto em azul pelo endereço URL da imagem desejada. Lembrando que sua imagem deve estar cadastrada em algum site (recomento o TinyPic).


Para adicionar imagem e texto:

Substitua por completo o trecho “<data:post.jumpText/>” por algo como:

 <img src='URL_da_IMAGEM' style='vertical-align:middle;border:0'/> Leia mais…

Da mesmo forma, no lugar da parte em azul deve-se colocar a URL da imagem, e a de verde altere para o texto que quer colocar junto da imagem.

Créditos: http://www.ferramentasblog.com/

Então, conseguiram?
Beijos!