Personalizando o Leia +

Quem nunca viu aqueles blogs que antes de terminar a postagem vem um link escrito Leia Mais, e quando você clica aparece a postagem completa. Eu não gosto muito, mais eu acho que deixa o blog mais legal, então eu vou ensinar vocês a colocar o Leia Mais, só que personalizado, vamos lá:

"Modo de preparo"

-->Abra seu PhotoScape, e faça seu fundo, eu vou fazer com um fundo transparente.

-->Depois pegue algum PNG que você queira ter no Leia Mais.

--> Depois escreva como quiser, com qualquer cor, ou qualquer fonte.
-->Em seguida, clique em "Foto+Objetos"
-->Se quiser corte, e coloque alguns efeitos...
-->Depois salve, sem redimensionar.
-->Vá no site ImageShack , clique em "Browse" e abra sua imagem do "Leia Mais".

-->Deixe na flechinha "Não redimensionar".

-->Clique em "Carregar Agora"

                                          

 

"Instalando no blog"

--> Vá em Design--Editar HTML-- clique na caixinha "Expandir modelo Widget".

--> Aperte F3 ou CTRL + F e busque por <data:post.jumpText/>

 

 

-->Substitua esse código por esse

 

<p align='right'><a expr:href='data:post.url'><img src='URL_da_IMAGEM'/></a></p>

 

Onde está escrito "URL_da_IMAGEM" apague isso e substitua pelo "Link Direto" que apareceu nesse site.

Algumas imagens:

<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;http://i.imgur.com/oQTJO.png&apos;' onmouseover='this.src=&apos;http://i.imgur.com/DEsev.gif&apos;; return true' src='http://i.imgur.com/oQTJO.png'/>

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

 

Por hoje é só beijinhos!!