Tutorial - Colocando "Leia Mais" personalizado


Yoo~

Vocês já devem ter notado que na maioria dos blogs tem um link que você aperta e vê o post completo. Isso você pode fazer sem nenhum código, mas personaliza-lo é outra coisa. Nesse post irei mostrar para vocês como fazer isso.

Enjoy~

Primeiro você deve fazer uma imagem que queira usar. Depois hospede a imagem no seu site de preferência.
Assim que tiver hospedado copie o link da imagem, vá em editar HTML (Blogger > Modelo > Editar HTML) e marque o intem "expandir widgets". Depois procure (Ctrl + F) pelo código  <data:post.jumpText/>. Apague esse código e coloque no seu lugar <p align='right'><a expr:href='data:post.url'><img src='Link da imagem aqui'/></a></p> substituindo a parte "link da imagem" pelo link da sua imagem.

Depois para colocar a imagem em seu post, é só apertar em , e no lugar da linha pontilhada irá aparecer o Leia Mais.

Espero que tenha ajudado! Kisses



3 comentários:

  1. Olá! Já conhecia esse tutorial e adoro =D Fica muito lindinho >.< Você explicou muito bem, super útil =D

    Beijos, Mrs. Nightshade < Te espero no meu blog >.<

    ResponderExcluir
  2. Obrigada adorei o tutorial
    to seguindo te espero no meu blog ok???
    minhas-confissoes-2012.blogspot.com

    ResponderExcluir