16/11/2011

Colocando "Leia mais" com imagem nas postagens


Oi galerinha! hoje é dia de tutorial, acho que muitos de vocês já devem ter visto esse tuto em algum lugar, eu aprendi ele no Cherry Bomb e acho que ele é muito útil, vamos ao tutorial então.

Primeiro crie a imagem que vai usar e hospede ela em algum site como por exemplo o ImageShack ou você pode usar uma dessas imagens que eu mesma fiz:


                                 













Veja o tutorial, clique em "Leia Mais" 




Agora vá até Design - Editar HTML - Marque a caixinha "Expandir modelos de widgets" - Aperte Ctrl+F e procure por:
<data:post.jumpText/>
Apague somente o código que você procurou e que vai aparecer destacado em laranja e no lugar cole isso:
<p align='right'><a expr:href='data:post.url'><img src='Link da imagem aqui'/></a></p>

Substitua Link da imagem aqui pelo link da sua imagem, visualize e se estiver tudo certo salve, para usar é só apertar esse botão  no local onde você quer que apareça o Leia Mais, se não entendeu como usar consulte esse tutorial Aqui. Por hoje é só pessoal.


                         AlanaCardoso

3 comentários:

  1. Oie flor tudo bem ?
    seu blog é muito lindo e gostaria de fazr afiliação , aceita ?
    Seguindo
    http://saiaenfeitada.blogspot.com/

    ResponderExcluir
  2. Bem simples, Alana. Tô salvando alguns tutoriais pra quando mudar de lay, esse concerteza entra pros favoritos!

    jeito-inedito.blogspot.com (post novo, comenta?)

    ResponderExcluir
  3. obrigado ajudou muito ^^

    http://liemarieoficial.blogspot.com/

    ResponderExcluir