![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ_d_KScD5ZnwEBWy4pcu4fExH-LYRgQZkPwiVAqIc6xY1fQYd1U3etSbaXrK4vxWgRwCZJwqQDdA6s79MJWGTyFy3QDM542KGp6t9cUOGdj5NqmDjnxeauOv2gJDHpjBj_Hu0X54PKpA/s320/como+ler+mais.png)
Mais um tutorial para Blog esse de como colocar esse botão de leia mais no Blog, muito utilizado por Webmasters para economizar espaço vamos lá:
1 - Abra seu Blog vá em Design; Editar Html e marque a caixinha
2 - Aperte CTRL+F em seu teclado e procure pela tag <data:post.body/> e cole o seguinte código abaixo depois dessa tag <data:post.body/>:
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><img src='url da sua imagem' style='width: 443px; height: 60px;'/></a>
</div>
</b:if >
3 - cole a url da sua imagem entre scr=' e ' style, e altere os valores de acordo com o tamanho da sua imagem
width: largura;
height: altura. para centralizar a imagem basta adicionar a tag <center> e ao final </center>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><center>
<img src='url da sua imagem' style='width: 443px; height: 60px;'/></center>
</a>
</div>
</b:if >
Pronto Salve o Template.
OBS: Mas lembre-se de editar sua postagem e fazer o corte no local desejado. para isso basta escolher o local do corte e apertar o botão " inserir Jump-break " e pronto
![](http://i.imgur.com/8IguY.jpg)
0 comentários:
Postar um comentário