18/09/2011

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.
Então, conseguiram?
Beijos!

8 comentários:

Márcia e Aline *-* disse...

oii curti seu blog no facebook, curte o meu? bjs
TDiaryofteens.blogspot.com

Curiosa disse...

Claro! Obrigada!

Beijos!

Evil Queen ♕ disse...

Legal! Adorei! São esses detalhes que ajudam o blog a ficar sempre mais exclusivo! :)
Bjks,
Evil Queen ♕
http://mixpopfruits.blogspot.com

Curiosa disse...

Obrigada! =D

Beijos,
Camy!

Cáh {♥} disse...

Olá!
Estamos passando para agradecer seu comentário no PG, faz muito tempo, mas voltamos do hiatus agora e com novidades (((:
O blogger tem inovado bastante mesmo, isso é bom, sinal que está evoluindo! Ótimo tutorial, parabéns <3
bjs!
>>http://paranoid-g.blogspot.com/<<

Curiosa disse...

Own, obrigada! Que bom que gostou do tutorial! =D

Beijos!

Rosane10 disse...

adorei o tutorial, tava procurando ele a um tempão valeu mesmo;) tem selinho para vc lá no meu blog.
http://blogbondmais.blogspot.com

Curiosa disse...

De nada! =D E obrigada pelo selinho!

Beijos,
Curiosa!

Postar um comentário

Não se esqueça de deixar seu comentário aí embaixo!

Related Posts Plugin for WordPress, Blogger...