Olá pessoal! Trouxe esse tutorial aqui pro blog pois é uma coisa bem útil, simples, mas que antes de aprender a gente nem sabe o quanto é fácil. O tutorial é de como trocar o link "Leia Mais" por uma imagem. Confira logo abaixo:

1- Primeiro, você precisa de uma imagem. Você pode fazer através de algum programa de edição de imagem ou você também pode encontrar alguns exemplos de graça na internet. Abaixo eu fiz alguns caso você queira usar:

(Não se esqueça de prestar atenção nas dimensões na imagem. Essas que eu fiz estão em tamanho 199 x 68 mas você pode adaptar para seu blog caso necessário.)

2- Copie a URL da sua imagem. As que disponibilizei já estão, mas se você fizer sua própria, é só hospedar em algum site pra pegar.

3- Vá em Tema >> Editar HTML

4- Aperte CTRL + F e procure por:

<data:post.jumpText/>

5- Apague e substitua pelo código abaixo:

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

 6- Onde está escrito URL DA IMAGEM você irá colocar o URL da imagem feita no primeiro passo.

6- Agora é só salvar.

7- Pra "cortar" os posts para que tenham o "Leia Mais" você precisa clicar no botão de expansão de postagem na hora que for fazer seu post e cortar na parte que você quer pra ter a opção de "Leia Mais".

Viu como é fácil? Agora é só implementar no seu blog. 😉

Tutorial: Trocar "Leia Mais" por uma imagem

Olá pessoal! Trouxe esse tutorial aqui pro blog pois é uma coisa bem útil, simples, mas que antes de aprender a gente nem sabe o quanto é fácil. O tutorial é de como trocar o link "Leia Mais" por uma imagem. Confira logo abaixo:

1- Primeiro, você precisa de uma imagem. Você pode fazer através de algum programa de edição de imagem ou você também pode encontrar alguns exemplos de graça na internet. Abaixo eu fiz alguns caso você queira usar:

(Não se esqueça de prestar atenção nas dimensões na imagem. Essas que eu fiz estão em tamanho 199 x 68 mas você pode adaptar para seu blog caso necessário.)

2- Copie a URL da sua imagem. As que disponibilizei já estão, mas se você fizer sua própria, é só hospedar em algum site pra pegar.

3- Vá em Tema >> Editar HTML

4- Aperte CTRL + F e procure por:

<data:post.jumpText/>

5- Apague e substitua pelo código abaixo:

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

 6- Onde está escrito URL DA IMAGEM você irá colocar o URL da imagem feita no primeiro passo.

6- Agora é só salvar.

7- Pra "cortar" os posts para que tenham o "Leia Mais" você precisa clicar no botão de expansão de postagem na hora que for fazer seu post e cortar na parte que você quer pra ter a opção de "Leia Mais".

Viu como é fácil? Agora é só implementar no seu blog. 😉