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.

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'/>