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 |
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.
se você gostar mais do efeito hover no hack, substitua <data:post.jumpText/> por:
<img border='0' onmouseout='this.src='url da imagem principal'' onmouseover='this.src='url da imagem com o mouse em cima'; 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='http://i.imgur.com/uErwS.png'' onmouseover='this.src='http://i.imgur.com/8G7q6.png'; return true' src='http://i.imgur.com/uErwS.png'/>
<img border='0' onmouseout='this.src='http://i.imgur.com/eo1m2.png'' onmouseover='this.src='http://i.imgur.com/eTYhs.png'; return true' src='http://i.imgur.com/eo1m2.png'/>
<img border='0' onmouseout='this.src='http://i.imgur.com/eWFP8.png'' onmouseover='this.src='http://i.imgur.com/FHNfD.png'; return true' src='http://i.imgur.com/eWFP8.png'/>
<img border='0' onmouseout='this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz3C1xtcaghhJt_RT45pAEcS1sb4QBQ7OwvfAixgtH-35WuQDwCKTVhNUMmsWH9ZPJPBij9CFv43sDAnEzMj8v2PJAoJPvO3-vr_CDOubmmsgQqzL9EImcCEZ0CR7y77PEYfRqO_ASJcnU/s1600/imagem+1+de+1.png'' onmouseover='this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhADCvniUDCzTRnna9-1cCFbvof-MP0lD9MObfi5DwHe4wXcqbpe9GTsf4HEScD0605krGX4zPCrFG0ZhEOiSbjASoP0SbHDKcAXZZ3XNrHhdGy1pMznNYflk4Ek1sZAJIKEGncSF6VEsrw/s1600/imagem+2+de+1.png'; return true' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz3C1xtcaghhJt_RT45pAEcS1sb4QBQ7OwvfAixgtH-35WuQDwCKTVhNUMmsWH9ZPJPBij9CFv43sDAnEzMj8v2PJAoJPvO3-vr_CDOubmmsgQqzL9EImcCEZ0CR7y77PEYfRqO_ASJcnU/s1600/imagem+1+de+1.png'/>
Ótimo tuto , adoooro !
ResponderExcluirMuito obrigada pela sua visitinha ^^
Beijos :**
www.piinkrock.tk
Adorei o tutorial, as imagens são super fofas! *---*
ResponderExcluirMeu Mundinho Colorido
Ameei!
ResponderExcluirJá tenho e acho um ótimo utilitário!
Segue? Seguindo de volta =)
Beijos..
Cupcake de Morango
Obrigada pela visita querida, volte sempree '-'
ResponderExcluirlindo o blog ;)
Bjs ;*
http://fanideisi.blogspot.com.br
Que fofo amei
ResponderExcluire 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/
Olá, tem um selo pra você em meu blog .
ResponderExcluirBeijos
http://bhulago.blogspot.com.br/
Simples de colocar, mas é super útil e fica fofo no blog. E com imagens fica super lindo. Beijos,
ResponderExcluirAdolescentes do oposto (blog no perfil)
Gostei bastante do tutorial.
ResponderExcluirBeijos <3
Super util o tuto >< As imagens, mt lindas e fofas, nhaaa >< Amei a ultima de yakissoba HUAHAUS
ResponderExcluirMorangostambemfalam | blogspot ♥
Eu adoro o '' Leia Mais '' sempre uso em meu blog, e seu tutorial está ótimo,beijoos!
ResponderExcluirSweet Magia
;D
Oi!Queria te pedir ajuda para divulgar meu blog... Entra no meu blog.... www.lind100.blogspot.com e deixe seu comentário!
ResponderExcluirmuito obrigada gente! espero que utilizem o tutorial, fácil e super legal :)
ResponderExcluirMuito util esse tutorial, já estou senguindo aqui.. dá uma passadinha lá no meu:
ResponderExcluirhttp://sweet-divertido.blogspot.com.br/
Kisses
Adoreei o tutorial, já tô seguindo o blog. Suer útil vc é incriível.
ResponderExcluir