10/09/2012

Colocando "Leia Mais" com imagem


Yo, como vão? Espero que bem! Bom agora trago um tutu que as pessoal vem usando muitooooo! Que é colocar uma imagem no link "Leia mais" do blog. Antes de mais nada você já precisa ter uma imagem pronta, okay? Você pode fazer uma ou pegar alguma disponibilizada na web. 



1. No seu HTML ative a barrinha de pesquisa com Ctrl+F então procure por:

Códigos
<data:post.jumpText/>

2. Quando a achar apague esse trecho, apenas esse trecho e substitua por:

Códigos
<p align='right'><a expr:href='data:post.url'><img src='URL DA IMAGEM'/></a></p>

Agora salve e prontinho!



Quando quiser o recurso para amenizar a extensão da postagem nas paginas internas,  dentro da postagem clique em inserir extensão (que é o ícone da imagem) onde você quiser que apareça o leia mais.

5 comentários:

  1. QUE LINDO!!!!
    OMG...
    ta tão perfeito aqui...
    Drw..
    amei as mudanças...
    beijos miguxa..

    Kissus

    ResponderExcluir
    Respostas
    1. Obrigada!
      Que bom que gostou me expirei em seu modelo *-*
      Beijokas e uma boa semana

      Excluir
  2. ameii!!estou usando esse tuto :)

    ResponderExcluir
  3. Anônimo21/12/14

    No meu fica uma sombra em baixo da imagem, o que eu faço?? :/

    ResponderExcluir
    Respostas
    1. Noseu layout as imagens tem sombra então no leia mais também vai aparecer. Da uma olhadinha nesse turorial: http://www.bunnycrazy.net/2012/07/tirando-sombra-e-bordas-das-imagens-e.html

      Excluir

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345