Sexta Dimensão , Tutorial: Trocar "Leia Mais" por uma imagem , Blogosfera , Tutoriais ,

Tutorial: Trocar "Leia Mais" por uma imagem


Olá pessoal! Trouxe esse tutorial aqui pro blog pois é uma coisa bem útil, simples, mas que antes de aprender a gente nem sabe o quanto é fácil. O tutorial é de como trocar o link "Leia Mais" por uma imagem. Confira logo abaixo:


1- Primeiro, você precisa de uma imagem. Você pode fazer através de algum programa de edição de imagem ou você também pode encontrar alguns exemplos de graça na internet. Abaixo eu fiz alguns caso você queira usar:


(Não se esqueça de prestar atenção nas dimensões na imagem. Essas que eu fiz estão em tamanho 199 x 68 mas você pode adaptar para seu blog caso necessário.)

2- Copie a URL da sua imagem. As que disponibilizei já estão, mas se você fizer sua própria, é só hospedar em algum site pra pegar.

3- Vá em Tema >> Editar HTML

4- Aperte CTRL + F e procure por:
<data:post.jumpText/>
5- Apague e substitua pelo código abaixo:
<p align='right'><a expr:href='data:post.url'><img src='URL DA IMAGEM'/></a></p>
 6- Onde está escrito URL DA IMAGEM você irá colocar o URL da imagem feita no primeiro passo.

6- Agora é só salvar.

7- Pra "cortar" os posts para que tenham o "Leia Mais" você precisa clicar no botão de expansão de postagem na hora que for fazer seu post e cortar na parte que você quer pra ter a opção de "Leia Mais".


Viu como é fácil? Agora é só implementar no seu blog. 😉

30 comentários:

  1. Que legal esse tutorial! O que eu conhecia era outro, mas este também é "facin". ^^

    XOXO,
    Josh | the-anddreams.blogspot.com

    ResponderExcluir
  2. Olá Yuri!
    Ameei o tutorial, bem fácil de aprender!
    Obrigada pela visita ao meu blog, já sigo aqui há um tempinho!
    Bisous,
    www.pequenomuffin.com

    ResponderExcluir
  3. Adorei Yuri <3
    www.sonhando-porai.blogspot.com
    Seguindo , bjs

    ResponderExcluir
  4. Adorei o tutorial, antes eu usava um desses, ai perdi todas as minhas imagens e não puis no novo layout
    beijos

    ResponderExcluir
  5. Bem fácil néh, e dá um charme no blog.♥

    PiinkCookie.blogspot.com.br

    ResponderExcluir
  6. Own muito fofinho vc XD

    eu curti esse tutorial, mais to atras do tutorial dos comentários, igual esse que vc tem que responde separadamente cada comentário..
    Se tiver um explicando avise-me?

    ps: segui e curti :D
    kisu
    www.eraoutravez.com

    ResponderExcluir
  7. Já tinha visto esse tutorial e aqui eu achei que ficou mais explicadinho haha' Muito fofo o blog,adorei tudo!
    Bjs
    capuccinocomcupcake.blogspot.com

    ResponderExcluir
  8. Adorei o blog,já estou seguindo de volta!!!
    visitem-me:http://mundopopblog.blogspot.com.br/

    ResponderExcluir
  9. ótimo tutorial~
    Seguindo~
    Empory-things.blogspot.com

    ResponderExcluir
  10. muito fácil! hahahha adorei

    Beijos, seguindo aqui
    http://heyealaysa.blogspot.com/

    ResponderExcluir
  11. Uhuuuu ! Vc Tambem AMA a Selena ????? <3
    Eu Tambeeeeeeeeeeeeeem !
    mas infelizmente, Ainda nunca vi ela ao Vivo ! !

    Seguindo...

    www.the-sweet-icecream.blogspot.com

    ResponderExcluir
  12. ola estou te seguindo beijo

    http://cantinhodaanacarla.blogspot.com.br/

    ResponderExcluir
  13. Gostei do tutorial, bem simples e útil mesmo :)
    Curti do seu blog, sigo já faz tempo, viu? Rs, aparece lá!
    Beijos, Djêni.

    ithe-clouds.blogspot.com

    ResponderExcluir
  14. Oi querido!
    Muito obrigada pelo carinho em meu blog e por me seguir, estou te seguindo de volta!
    Amei o post, vai me ajudar e muito com meu blog, e claro, deixá-lo cada vez mais lindo com esse tutorial!
    Beijos. ♥

    ResponderExcluir
  15. Adorei o tutorial.

    http://iasmincruz.blogspot.com.br/

    ResponderExcluir
  16. Legal ... obrigada por passar lá no meu blog!! xau...

    ResponderExcluir
  17. Nossa, ameiiiiii, muito bom, seu blog é lindo! Seguindo aqui, beijos

    www.biancammartins.blogspot.com.br

    ResponderExcluir
  18. Muito util esse tutorial, ainda mais para quem tem blog de textos, goodies, entre outros!
    Retribuindo a visita e já seguindo! Obrigada por seguir, volte sempre!
    http://moda-teensworld.blogspot.com.br/

    ResponderExcluir
  19. Poxa, que legal, não sabia como fazer ! haha bjss

    http://deliriosdeumcloset.blogspot.com.br/

    ResponderExcluir
  20. Oii achei essa imagem muito fofa.
    Seguindo aqui.
    Bjs, Bruna.
    http://moranguinhuemake.blogspot.com
    https://www.facebook.com/MoranguinhuEMake?fref=ts

    ResponderExcluir