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.
0 comentários:
Postar um comentário