24 de out. de 2012

Tutorial: coloque o hack leia mais


Hello cutes! Hoje eu trouxe pra vocês um tutorial muito útil para o blog de vocês. Esse hack leia mais ajuda muito pois faz com que a postagem ocupe menos espaço no blog. Então, querem ver o tutorial? Clique em leia mais :)
créditos: Jackie Dream

 como colocar
comece a escrever a postagem normalmente, como de costume. Para colocar o hack leia mais basta você fazer o seguinte:

clique para ampliar a imagem
agora você pode continuar a escrever sua postagem normalmente. Mas atenção: na hora de visualizar essa "barrinha" não aparece, então cuidado para não se confundir, hein?

 como personalizar
agora, se você quiser deixar o hack mais bonitinho, coloque uma imagem, assim como eu fiz aqui no blog. 

Vá no seu HTML  clique em expandir modelos de widgets  aperte F3  procure por:
<data:post.jumpText/>

agora você deve substituir esse trecho por:
<img src='URL da sua IMAGEM'/>

substitua URL da sua IMAGEM pela URL da imagem que você deseja colocar.


the image





se você gostar mais do efeito hover no hack, substitua  <data:post.jumpText/> por:
<img border='0' onmouseout='this.src=&apos;url da imagem principal&apos;' onmouseover='this.src=&apos;url da imagem com o mouse em cima&apos;; return true' src='url da imagem principal'/>  
eu já trouxe alguns modelos prontos pra vocês haha! Bom, é só copiar o código abaixo da imagem desejada e colar no lugar de  <data:post.jumpText/>

<img border='0' onmouseout='this.src=&apos;http://i.imgur.com/uErwS.png&apos;' onmouseover='this.src=&apos;http://i.imgur.com/8G7q6.png&apos;; return true' src='http://i.imgur.com/uErwS.png'/>

<img border='0' onmouseout='this.src=&apos;http://i.imgur.com/eo1m2.png&apos;' onmouseover='this.src=&apos;http://i.imgur.com/eTYhs.png&apos;; return true' src='http://i.imgur.com/eo1m2.png'/>

<img border='0' onmouseout='this.src=&apos;http://i.imgur.com/eWFP8.png&apos;' onmouseover='this.src=&apos;http://i.imgur.com/FHNfD.png&apos;; return true' src='http://i.imgur.com/eWFP8.png'/>


<img border='0' onmouseout='this.src=&apos;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz3C1xtcaghhJt_RT45pAEcS1sb4QBQ7OwvfAixgtH-35WuQDwCKTVhNUMmsWH9ZPJPBij9CFv43sDAnEzMj8v2PJAoJPvO3-vr_CDOubmmsgQqzL9EImcCEZ0CR7y77PEYfRqO_ASJcnU/s1600/imagem+1+de+1.png&apos;' onmouseover='this.src=&apos;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhADCvniUDCzTRnna9-1cCFbvof-MP0lD9MObfi5DwHe4wXcqbpe9GTsf4HEScD0605krGX4zPCrFG0ZhEOiSbjASoP0SbHDKcAXZZ3XNrHhdGy1pMznNYflk4Ek1sZAJIKEGncSF6VEsrw/s1600/imagem+2+de+1.png&apos;; return true' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz3C1xtcaghhJt_RT45pAEcS1sb4QBQ7OwvfAixgtH-35WuQDwCKTVhNUMmsWH9ZPJPBij9CFv43sDAnEzMj8v2PJAoJPvO3-vr_CDOubmmsgQqzL9EImcCEZ0CR7y77PEYfRqO_ASJcnU/s1600/imagem+1+de+1.png'/> 

14 comentários:

  1. Ótimo tuto , adoooro !
    Muito obrigada pela sua visitinha ^^
    Beijos :**
    www.piinkrock.tk

    ResponderExcluir
  2. Adorei o tutorial, as imagens são super fofas! *---*

    Meu Mundinho Colorido

    ResponderExcluir
  3. Ameei!
    Já tenho e acho um ótimo utilitário!
    Segue? Seguindo de volta =)
    Beijos..
    Cupcake de Morango

    ResponderExcluir
  4. Obrigada pela visita querida, volte sempree '-'
    lindo o blog ;)
    Bjs ;*

    http://fanideisi.blogspot.com.br

    ResponderExcluir
  5. Que fofo amei
    e uma dica muiot boa pra quem ainda não sabe,tenha um belo dia
    Beijoss,Espero vc em meu blog!
    http://maria-pensutti.blogspot.com.br/

    ResponderExcluir
  6. Olá, tem um selo pra você em meu blog .
    Beijos
    http://bhulago.blogspot.com.br/

    ResponderExcluir
  7. Simples de colocar, mas é super útil e fica fofo no blog. E com imagens fica super lindo. Beijos,
    Adolescentes do oposto (blog no perfil)

    ResponderExcluir
  8. Gostei bastante do tutorial.
    Beijos <3

    ResponderExcluir
  9. Super util o tuto >< As imagens, mt lindas e fofas, nhaaa >< Amei a ultima de yakissoba HUAHAUS
    Morangostambemfalam | blogspot

    ResponderExcluir
  10. Eu adoro o '' Leia Mais '' sempre uso em meu blog, e seu tutorial está ótimo,beijoos!
    Sweet Magia
    ;D

    ResponderExcluir
  11. Oi!Queria te pedir ajuda para divulgar meu blog... Entra no meu blog.... www.lind100.blogspot.com e deixe seu comentário!

    ResponderExcluir
  12. muito obrigada gente! espero que utilizem o tutorial, fácil e super legal :)

    ResponderExcluir
  13. Muito util esse tutorial, já estou senguindo aqui.. dá uma passadinha lá no meu:
    http://sweet-divertido.blogspot.com.br/

    Kisses

    ResponderExcluir
  14. Adoreei o tutorial, já tô seguindo o blog. Suer útil vc é incriível.

    ResponderExcluir

LEIA ANTES DE COMENTAR
-não faço parcerias, apenas afiliações
-"segue meu blog" ou "seguindo, segue de volta" - só seguirei os blogs que eu realmente gostar, okay?
-não aceito tags nem selinhos
-deixe o link do seu blog no fim do comentário para que eu possa retribuir a visita