Image Map

Personalizando o Jump Break

O Jump Break é ótimo para economizar espaço, principalmente com postagens grandes. hoje vou ensinar vocês a personalizarem o Jump Break, substituindo o  'Mais informações' por uma imagem (Como o nosso 'Continuar lendo') ou por texto. Continue lendo e veja o tutorial:

 Tutorial - Texto no Jump Break

1. No painel do Blogger, vá em Design > Elementos da página.
2. Na área das postagens (O maior gadget), clique em 'Editar':
3. Na janelinha que abriu, você vai achar essa parte:

4. Digite o texto que você quer que apareça no Jump Break na caixinha de texto. Veja algumas opções:

Leia +
Ler toda a postagem
Continuar lendo
Leia a postagem completa

 Tutorial - Imagem no Jump Break

1. No painel do Blogger, vá para Design> Editar HTML.
2. Marque a caixinha 'Expandir modelos de widgets':

3. Tecle Ctrl F e procure por:
<div class='jump-link'>
4. Logo abaixo dessa parte, você vai encontrar isso:

<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >
5. Agora substitua a parte em verde por isso:
<img src='URL DA IMAGEM'/>
6. E substitua a parte em vermelho pelo URL da sua imagem.

Comentários

Desenvolvimento por Chassy Cher