23 de abr de 2012

Como colocar imagem, no lugar do "Leia mais".

Oi, meus pimpolhos. Como estão?

Eu sei que a imagem não tem nada haver com a postagem. Rhum ;p

Hoje, trago um tutu, super fácil, sei que muitos de vocês já usam em seus blogs, mas como no tutu, anterior que eu ensinei como "ativar o recurso leia mais" clique aqui e veja a postagem. E então, resolvi ensinar agora, como "substituir" o escrito, por "uma imagem", simples e linda. Esse tutorial eu aprendi no blog, Melhor dica. c:
Querem aprender também? Vamos lá:


Vá em "Design" e "Editar HTML" clique na opção "Expandir modelos de widgets" marca e sem seguida aperta "Ctrl + f" e procure pelo código: 

<data:post.jumpText/>



Depois que tiver achado o código acima, troque por esse abaixo;


<img src='endereço da sua imagem'/>


Substitua a parte Preta pelo endereço/url do seu botão, ou se preferir colocar imagem e texto substitua por:


<img src='endereço da imagem' style='vertical-align:middle;border:0'/>

Encontre algumas imagens de leia mais, aqui.

Bom, por hoje é só. Espero que vocês tenham gostado! # Beijos;

Então, galera.
 O que acham do "Leia mais", em imagem? Vocês usam?

43 comentários:

  1. Isso é bem legal!
    Em breve vou colocar no meu :)

    Renata
    http://escutaessa.blogspot.com/
    http://www.facebook.com/BlogEscutaEssa
    @blogescutaessa

    ResponderExcluir
  2. Achei o tutorial que eu estava procurando! Amei o tuto, era justo o que eu queria hahaha, *--*

    http://newsdayoff.blogspot.com.br/

    ResponderExcluir
  3. AAH, acho bem legal... mas fica meio rude no meu layout. Mas acho muito maneiro!
    Beijos :*
    Peacetime Blog | Peacetime FanPage

    ResponderExcluir
  4. Eu uso esse tutu em meu blog, mas não uso muito XD
    Que bom que você gostou do meu blog ;D
    Estou te seguindo tá ? *-*
    Beijinhos <3

    http://trechygirlss.blogspot.com.br/

    ResponderExcluir
  5. Já sabia *--* kkk' mais aposto que ajudou muita gente,ah e já estou retribuindo *u*
    Beijos,Duda
    #Nhác -->Plushbomb.tk

    ResponderExcluir
  6. Adorei o tuto!!
    não sabia disso ^^

    http://diariociumento.blogspot.com.br/

    ResponderExcluir
  7. Nunca mecho no HTML do meu blog, preguiça, falta de tempo e falta de esperteza!! risos.

    http://dezahoffmannmoda.blogspot.com.br

    ResponderExcluir
  8. Gostei do tutorial, bem explicadinho haha
    Só não fiz no meu blog ainda porque sou uma preguiçosa do caramba kkkkkk

    depois-da-primavera.blogspot.com

    ResponderExcluir
  9. Eu acho esse tutorial muito bom, muda um blog completamente <3
    beijos
    blogloucamistura.blogspot.com

    ResponderExcluir
  10. É um tutorial simples, mas bem útil!!!! ??


    Me desculpa por ter sumido um pouquinho! s2
    Acesso Permitido

    ResponderExcluir
  11. Gostei do tutorial!
    Muito bom, e bem explicativo! Parabéns! (;

    @Jader_Monteiro
    http://cinco-datarde.blogspot.com.br/

    ResponderExcluir
  12. Parabéns, muito útil o post!

    http://fugindodarotina.com

    ResponderExcluir
  13. amei a dica amore mas eu nem uso esse recurso rs
    bjbj

    http://priscilalirow.blogspot.com.br/

    ResponderExcluir
  14. amei a tutorial, amei a outra tbm eu não sabia como ativava :)
    beijos
    http://lolamantovani.blogspot.com.br/

    ResponderExcluir
  15. Fica bem legal né?
    http://pinkpimenta.blogspot.com.br/

    ResponderExcluir
  16. óTimooo! - Bem Legal o compartilhamento de tu+toriais como este :)

    ResponderExcluir
  17. Oiie Raah já estou seguindo seu blog e seu Twiiter... obrigada pela visita no TG... o tutu ficou d++ bjs camilaejustin.blogspot.com

    ResponderExcluir
  18. Já conhecia este tutorial,mais é ótimo vc posta-lo aqui,acho que fica mais bonitinho :]

    Beijos :* Quando der,passa lá // Space Girl Br (c)

    ResponderExcluir
  19. Ah, super bom e explicadinho! Além de ser super fácil de fazer, né?
    Adorei a foto do post, lembrei-me de uma frase que adoro: "Não se surpreenda se a Torre Eiffel estiver dentro de uma cenoura!". Confuso, não? Eu sei.

    Um Beijo.
    http://mentesvelhas.blogspot.com.br/

    ResponderExcluir
  20. Amei o tutorial, bem explicado ^^
    Obrigada por seguir o blog flor, estou seguindo aqui também! *-*
    Beijos ;**
    www.encantadissima.blogspot.com.br

    ResponderExcluir
  21. Ótimo tutorial,a imagem,desde de que não seja muito grande,fica bem bonito,mais até que sem a imagem.
    http://i-teenbr.net.tc

    ResponderExcluir
  22. Oi, adorei o blog, super lindo, parabéns mesmo. Te convido a conhecer meu blog, está rolando um sorteio liiindo de uma sapatilha.

    ontendency.blogspot.com

    ResponderExcluir
  23. Já conhecia o tuto, ele é realmente ótimo ;)
    http://cantoseencantosdahellen.blogspot.com/

    ResponderExcluir
  24. ótimo tutorial, fica bem mais bonitinho mesmo com imagem :)

    http://evelynrestyles.blogspot.com.br/

    ResponderExcluir
  25. Isso nunca dá certo no meu blog :/ tentei e não consegui >.< deve ser o templante, que chato!


    http://help-adolecentro.blogspot.com.br/

    ResponderExcluir
  26. Acho super legal, e bem fácil de fazer! Adorei o tutorial.

    Kisses ♥ Garota Inocente

    ResponderExcluir
  27. ja conhecia o tutorial é muito util eu até tenho uma imagem para o leia mais rs

    http://garotoonerd.blogspot.com.br

    ResponderExcluir
  28. Sim eu uso! É melhor imagems. elas são mais visiveis. mas minha dica, é não colocar leia mais mt grande... nem assinaturas e talz mt grande, dai fica estranho neh *u*

    kisses :*

    www.baby-idontcare.blogspot.com

    ResponderExcluir
  29. Ai adorei a dica, mas eu já tenho isso no meu blog, mas claro se precisar já sei onde tem!

    www.modasdacarol.com

    ResponderExcluir
  30. Adorei o tuto *-* super útil :)

    Beijos
    Anne
    meninasantenadas.tk

    ResponderExcluir
  31. Super legal o tutorial pra quem gosta de blogs mais enfeitadinhos *.*
    Beijinhos Raah!

    blog-meninama.blogspot.com

    ResponderExcluir
  32. eu gosto do ''Leia Mais'' sem foto,simples mesmo
    http://floresdemarshmallow.blogspot.com

    ResponderExcluir
  33. Estava louca por esse tutorial. Seu blog é muito bom e me sinto muito bem quando venho aqui! Vou ver se arrumo um tempinho para colocar esse recurso no meu blog.
    Beijocas!
    http://palomaviricio.blogspot.com.br

    ResponderExcluir
  34. eu tinha lido um tutorial disso e apesar de ter 'sofrido', finalmente aprendi kkkkk


    http://vitaminadepimenta.blogspot.com.br
    @LariCrazy_

    ResponderExcluir
  35. Adorei a dica ;) Pena que não gosto de usar o Leia Mais, mas se eu usasse eu com certeza iria aproveitar a dica.

    Beijos. Tudo Tem Refrão

    ResponderExcluir
  36. Bem legal a dica, mas como eu não uso este recurso, deixo pra quem usa HAHA³

    Bjinhos ;*
    Pâm
    http://chiqueatodaprova.blogspot.com.br/

    ResponderExcluir
  37. Realmente esse tutorial é muiiiito util !
    Deixa o blog com um toque mais seilá cute.rs.
    Honra é para mim de ter você de seguidora :)
    Amei aqui e estou seguindo.
    Bjjs , Ingrid.
    www.diariodas-meninas.blogspot.com

    ResponderExcluir
  38. Oi fofa porque quando faço isso fica />>'/> no lado da imagem

    ResponderExcluir
  39. mano na boa eu fiquei preocurando por isso e todos que eu achava
    davam errado
    mas esse funciono perfeitamente adorei :D

    ResponderExcluir

- Nada de ofensas á ninguém.
- Seguiu o blog? Avisa, que retribuímos.
- Comentários que não tiverem nada a haver com a postagem, não serão retribuídos.
- Ative seu perfil que retribuimos seus comentários. (Sabemos que o google está excluindo blogs que comentam com o link.)
- Não aceitamos mais selinho e tags.

Obrigada, pelo comentário!!
Aguarde, que visitaremos vocês também. =)

Minha foto
Campos dos Goytacazes, Rj, Brazil