Coloque "leia mais" com imagem nos posts

|
6103615216_d0159fe4c1_z_large
Algumas pessoas pediram esse tutorial, e apesar dele já ser bem conhecido, resolvi postar, pois é bem curtinho e eu estou sem tempo para fazer um post maior.

Você vai fazer algo igual isso:



Primeiro você tem que criar uma imagem para usar, e hospedá-la em algum site. Se não sabe hospedar, clique aqui.

Depois vá no HTML do seu blog (Modelo > Editar HTML). Marque a opção "expandir modelos de widgets", aperte Ctrl+F e procure por: <data:post.jumpText/>


Apague somente esse código, e no lugar dele coloque isso: 
<p align='right'><a expr:href='data:post.url'><img src='Link da imagem aqui'/></a></p>


É só colocar o link da imagem onde se pede e salvar as alterações. Para funcionar, você só precisa clicar nesse botão  quando estiver fazendo o post, no lugar em que você quer que apareça o "leia mais".


Prontinho, espero que tenham gostado do tutorial!


96 comentários

  1. Amei esse tutorial :) Já uso lá no MD.... ah, passa lá que tá com design novo! www.menina-dedeus.blogspot.com

    ResponderExcluir
  2. aaaaah, eu queria saber disso *o* vou fazer no meu blog: http://innocent-teenager.blogspot.com/besos ;*

    ResponderExcluir
  3. Adorei o tutorial. Vou tentar fazer no Milk Shake depois. ^^

    ResponderExcluir
  4. Já conhecia esse tutorial, mas tá bem explicadinho. Gostei! 
    http://certinha.blogspot.com/

    ResponderExcluir
  5. e para quem ja apagou isso o que faz

    ResponderExcluir
    Respostas
    1. Eu fiz a mesma burrada, apaguei e não recuperei, o que fazer?

      Excluir
    2. Hm... não tenho certeza de que vai dar certo , mas pq n tentam colar dnv o cod? ('-'

      http://xlovelymangas.blogspot.com.br/

      Excluir
  6. Liah que tutorial perfeito , adorei e logo vou fazer ele .
    http://perfeitinha-blog.blogspot.com/

    ResponderExcluir
  7. nss que tutorial perfeito, adorei *--*
    chiquissimas.blogspot.com

    Eii, vota em mim no concurso do BG : pliis - http://beautiful-girl-s2.blogspot.com/  obg *---*

    ResponderExcluir
  8. Ótimo tutorial Liah. Acho que fica bem mais elaborado um 'leia mais' com imagem né. Muito bom mesmo. *-*

    Beijos, Nathalia.

    http://naahthaliaa.blogspot.com/

    ResponderExcluir
  9. Eu acho muito fofo essa história do leia mais e bem útil, mas eu ainda não consegui me acostumar com ela.. Quem sabe no próximo lay, né? Mas esta muito explicado o tutorial, Liah.
    Parabéns, e um ótimo halloween!
    http://a-crossthestreet.blogspot.com/ 

    ResponderExcluir
  10. Super fácil de fazer e você explica muito bem, dá pra entender. Parabéns Liah <3

    http://onthefame.blogspot.com/

    ResponderExcluir
  11. Eu já coloquei no meu, fica um efeito bem legal!

    www.garotadeallstar.tk

    ResponderExcluir
  12. Oi,tudo bem?
    Seguindo viu?
    Amei so seu blog!
    Dicaas super úteis (:
    Sucesso!
    Super Beijo!
    Fica com Deus!
     http://www.mulherglamourosa.blogspot.com/

    ResponderExcluir
  13. Oii !
    Gostei do tutorial, interessante e é super útil para muitos blogs! ^^

    Aaah, toma coragem menina, e vai assistir um terror KKKKKKKKKKKK' Eu rezei muito antes de entrar na sala de cinema, fora o escândalo que fiz lá, minha amiga pagou o maior mico, quase chorei e dizia pra ela: 'me tira daqui pooooooor favor, eu não quero mais assistir...' MICO! Todos riram ^^
    Obrigada pelo apoio ao novo blog, vou te esperar lá!

    bjs <3

    ResponderExcluir
  14. Lindo demais aqui, descobri o blog atraves do HTMHELEN , outro blog lindo tbm convido todos para conhecer meu blog!   http://palavrassaosentimentos.blogspot.com
    Com com textos, poesias, mensagens, fragmentos, pensamentos...
    Todo conteúdo postado é de autoria totalmente exclusiva... Beijão gente!

    ResponderExcluir
  15. Oie, bem legal o tutoria, não sabia fazer rsrs 
    axei muito lindo o efeito!

    beijs

    http://garota-absoluta.zip.net/

    ResponderExcluir
  16. Floor, obg por votar em mim viu, beijoO

    'chiquissimas.blogspot.com

    ResponderExcluir
  17. Sei lá, eu coloquei efeito de texto, acho mais fofo (:

    nhaaaw, visita?


    Blog | Tumblr

    ResponderExcluir
  18. AAh,muito legal o tutorial amore!! \Õ/
    Vai ajudar muuita gente...

    Beeijo
    http://backstreetmorgan.blogspot.com

    ResponderExcluir
  19. Vou fazer!Mas tenho que fazer uma imagem ainda!

    http://meumundomudando.blogspot.com/

    ResponderExcluir
  20. Oi,não consegui fazer :(
    Me ajuda ?
    na hora que eu vou visualizar,fala que o XML tá incorreto...

    ResponderExcluir
  21. Não conhecia, obrigada por disponibiliza-lo para nos leitores, já ta no meu próximo template,
    Beijitos, Luana

    ResponderExcluir
  22. Llindo, lindo, lindo, este blog é maravilhoso.. 

    Ameei <3Estou seguindo .. Retribui ?

    ResponderExcluir
  23. Familly Selenators FC Oficial3 de novembro de 2011 02:37

    Amei o Poste,vou fazer la no meu blog! ja estou seguindo segue de volta?

    ResponderExcluir
  24. Ufa, ajudou muito, ...

    http://crazyteen-ct.blogspot.com/

    ResponderExcluir
  25. Guilhermina Barbosa1 de dezembro de 2011 22:36

    Muito obrigada!Parabéns,lindo blog.Amei o design da Avril.
    http://bonequinhadeporcelana.tk

    ResponderExcluir
  26. Deu certoo *-*
    Muito obrigada viu?
    To seguindo aqui.Da uma passada no meu http://mundodasgarotasla.blogspot.com/

    ResponderExcluir
  27. Usei no meu blog e amei *--*
    Amo os tutoriais :)

    Meu blog e novo se quiser passa lá http://cupcakeoutrosvicios.blogspot.com/
    Brigada amo aqui sz

    ResponderExcluir
  28. Obrigada, liah! Esse tuto acabou de me ajudar *-*

    ResponderExcluir
  29. eu tava desesperada por esse tuto , e quando eu achei fiquei super feliz , só que não consegui coloca-lo , apesar de parecer super , não to conseguindo , estou quebrando minha cabeça akie !

    ResponderExcluir
  30. oie..eu queria tua ajuda pois quando vou procurar o código não aprece nada..por favor me ajuda ? eu estava procurando este tutorial muito..quando acho...mas me ajude ? obrigada
    http://isa0225.blogspot.om 

    ResponderExcluir
  31. Adorei e deu super certo lá nom meu, Obrigado

    ResponderExcluir
  32. http://beijo-de-cereja.blogspot.com/ adoro o blog

    ResponderExcluir
  33. Liah, eu não consegui achar ='/ Me ajuda porfavor! O que eu faço?

    ResponderExcluir
  34. Muiito bom o tutorial.tava procurando mesmo *^*.Blog otimo!!

    ResponderExcluir
  35. Demais me ajudou Muito esse blog !

    ResponderExcluir
  36. vc me ajudou d mais.
    ja coloque no http://sexybabygabimake-upanywhere.blogspot.com.br/

    ResponderExcluir
  37. Me ajudou D+++ Muito Obg *-*

    ResponderExcluir
  38. Eu nao consigo encontrar o codigo??? pfv oq faço?

    ResponderExcluir
  39. Amoor, eu estou procurando [no ctrl+F] e não encontrou esse codigo ai, o 'o' O que eu faço?
    BjoBjoo , seu blog me ajudou muito :]
    ~ Blog aberto hoje ~
    http://famadelouca.blogspot.com.br/

    ResponderExcluir
  40. Muito obrigado pelo tutorial!
    Nem imagina o quanto ajudou :D .

    chu chu ~

    ResponderExcluir
  41. Liah, amei seu blog, não, assim, eu sempre vejo ele, desde cedo, mas nunca comentei . Ameeeeei.

    Beijoss..

    www.preludetodream.blogspot.com

    ResponderExcluir
  42. Muito obrigada, como sempre me ajudou muito. Os creditos por isso, estão no meu blog, na pagina tutorial.
    Xoxo
    http://sabrinacamposc.blogspot.com.br/

    ResponderExcluir
  43. consegui mais o meu não fico no centro fico meio escondindo no lado direito como arrumo????
    agradeço desde já

    ResponderExcluir
  44. Oii gente,por favor participem do meu blog ;)
    www.cherrymerengue.blogspot.com

    ResponderExcluir
  45. Liaaah!!!! Me ajuda! Eu aperto em Ctrl + F e não acho os códigos!

    ResponderExcluir
  46. Obrigada, Liahhh! \o/ Esses tutoriais não são muito novos, mas até hoje me ajudam *w*

    justdebee.blogspot.com

    ResponderExcluir
  47. nossa, procurei tanto na net um tutorial que funcionasse e o seu foi o único e ainda por cima muito fácil e simples de tudo. valeu por sua dedicação com nós seus leitores e seguidores. beijos Cositas Femininas!

    ResponderExcluir
  48. O meu não acha isso Liah, o que eu faço? D;

    ResponderExcluir
  49. Muito simples e boa a dica!!!!!

    Deu certo!

    OBRIGADA!

    http://www.nopreach.com

    ResponderExcluir
  50. Oi Liah! Não entendi muito bem o tuto: tem que ter uma imagem no post para colocar o ''saiba mais'' ou é a imagem do botao saiba mais?
    Obs: sou nova no mundo dos blogs.

    ResponderExcluir
  51. Foi o único que deu certo no meu Blog....Parabéns!!! e muitoooo obrigada!!!Bjos
    www.renataatelier.com

    ResponderExcluir
  52. Muito Legal,esse tuto,Amei!
    Visita?
    http://ateliedaitgirl.blogspot.com.br/

    ResponderExcluir
  53. Oiie Flor! Obrigadaa!Muito Leegal!
    Visita?
    http://blogreinokawaii.blogspot.com.br/

    ResponderExcluir
  54. Muito bom, me ajudou! E., porque voce nao faz umas imagens de leia mais? :)

    ResponderExcluir
  55. O meu dá erro sempre que tento salvar. O que eu faço?


    http://explorandoasgarotas.blogspot.com.br/

    ResponderExcluir
  56. Aff Liah responde os comentários nem liga pros seus leitores

    ResponderExcluir
  57. Liah muito obrigado, deu super certo!
    http://blogferh.blogspot.com/

    ResponderExcluir
  58. Liah por favorr!! Eu preciso muito que vc me ajude!!Me responde!Eu imploro!
    Eu aperto Ctrl +F e procuro o codigo, só que não acha nada!!!
    Me ajuda!!Por favorrr!!

    ResponderExcluir
  59. Nossa muito obrigado, o único tutorial atualizado que achei :)

    ResponderExcluir
  60. Olá vou usar o seu tuto,no meu blog...obrigada por nos ensinar a deixar nosso cantinho mais charmoso.
    Cherry se você tirar o verificador de palavras,agradeceremos e comentaremos bem mais...porque essas letrinhas ninguém merece...

    ResponderExcluir
  61. aparece. mais tipo fica muito pro lado ai a barra lateral do meu lay tampa ajuda?

    ResponderExcluir
  62. Eu não achei o "". E agora???

    ResponderExcluir
  63. Eu não achei será que é porque eu estou com design diferente? Ah e eu adorei seu blog muito fofo *-* estou te seguindo segue o meu ? pantherpinkandblue.blogspot.com.br ele é novinho fiz estes dias ^^ queria te perguntar você posta um efeito Four Shares ? to precisando muito dele :) se me ajudar e seguir eu ficaria muito grata *-*
    Beijinhoos

    ResponderExcluir
  64. Este comentário foi removido pelo autor.

    ResponderExcluir
  65. Consegui, ficou lindo. Obrigado Liah, vocêé uma ótima Designer sabia? http:maniasdegaroto.com

    ResponderExcluir
  66. Super simples e funcionou bem c: gostei

    Beijos, Joy

    ResponderExcluir
  67. Eu tenho um blog e queria saber como fasso pra colocar, em vez dos nomes dos colaboradores, fotos??

    ResponderExcluir
  68. Obrigada, Liahhhhh! Sempre uso ♥

    ResponderExcluir
  69. Gente,eu não consegui,Liah,me ajuda, PLEASE!!!!

    ResponderExcluir
  70. E se eu não achar o "" no meu HTML ???

    ResponderExcluir
  71. Obrigada ajudou demais *-* terminei de personalizar meu blog <3
    Quem quiser dar uma olhada
    http://purplestreakss.blogspot.com.br/

    ResponderExcluir
  72. obg me ajudou muito já add no meu blog http://minicubofilmes.blogspot.com.br/

    ResponderExcluir
  73. Liah,eu não estou conseguindo por que tá dando algum treco no img e não sei como ajeitar pro codigo ficar certo. O meu modelo é o travel.

    ResponderExcluir
  74. Acabei de fazer e ficou lindo *---*
    Muito abrigada MESMO pelo Tutorial =D

    Beijos!

    Meu Mundo depois da Meia noite

    ResponderExcluir
  75. porfavor responda onde fica isso de expandir modelos de widget

    ResponderExcluir
  76. link do blog http://wwwpsychop4th.blogspot.com.br/

    ResponderExcluir
  77. Vllw pela dica já vou usar lá no meu site.
    se gosta de tirinhas e (ou) imagens engraçadas passe
    lá e de uma olhada (;

    http://memesabordo.blogspot.com.br/

    ResponderExcluir
  78. Onde tem a opção expandir os widgets? Eu não estou achando o código.

    ResponderExcluir
  79. Não consegui achar a opção expandir os widgets e nem o código. Como faz?

    www.curiosametamorfose.blogspot.com.br

    ResponderExcluir

Related Posts Plugin for WordPress, Blogger...