Pages

Jump Break - Resumir Postagem com Estilo

Olá Pessoal, eu sou o administrador do Blogando com Facilidade e estou aqui com mais um tutorial, Desta vez ensinando como inserir um Jump Break ao Blog e dar estilo à ele. A ferramenta Jump break é um recurso do blogger que tem como função resumir as postagens, mostrando na página inicial, de marcadores e arquivos apenas uma parte do post. Esse recurso é super fácil de ser utilizado e pode ser aplicado apenas nos posts que você quiser, ou seja, não é automático. Isso é ótimo pois o Post não perde o estilo HTML, como quebra linhas e espaços.

COMO ADICIONAR UM JUMP BREAK:
1º - Acesse o Painel de seu Blog e clique na aba Postagem e crie uma nova postagem.
2º - Escreva uma descrição e adicione um jump break clicando na imagem com uma folha cortada em duas partes (Fica no lado esquerdo do alinhamento de texto)
3º - Em seguida digite o conteúdo que você quer que apareça apenas nas páginas internas.
4º - Depois publique a página. Pronto o Jump Break será inserido.
5º - Agora é so adicionar o estilo no tutorial abaixo

ADICIONAR UM ESTILO:
1º - Acesse o Painel do seu Blog e clique na Aba Design
2º - Em seguida clique na Sub-aba Editar HTML.
3º - Agora segure as teclas CTRL + F (Atalho de busca na página) e procure por:
]]>
4º - ACIMA dele cole o seguinte Código:
/* - Jump-break - */
.jump-link {
font:normal bold 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
margin:10px 0px 15px;
text-align:right;
}
.jump-link a {
color:#FFFFFF;
background:#464646;
text-decoration:none;
margin:0px;
padding:5px;
outline:none;
}
.jump-link a:visited {
color:#FFFFFF;
background:#464646;
text-decoration:none;
margin:0px;
padding:5px;
outline:none;
}
.jump-link a:hover {
color:#FFFFFF;
background:#28baf0;
text-decoration:none;
margin:0px;
padding:5px;
outline:none;
}
5º - Em seguida clique em Salvar Modelo.

COMO CONFIGURAR:
CASO VOCÊ AINDA NÃO TENHA O JUMP BREAK:
Caso você não tenha o Jump Break será necessário adicionar o modelo para ele funcionar.
1º - Acesse o Painel do seu Blog e clique na aba Design.
2º - Em seguida clique na Sub-aba Editar HTML
3º - Agora marque a a caixa "Expandir Modelos de Widgets".
4º - E em seguida segure as teclas CTRL + F e procure por:

5º - VOCÊ PROVAVELMENTE IRÁ ENCONTRAR DOIS RESULTADOS, COLE ABAIXO DO SEGUNDO O SEGUINTE CÓDIGO:




7º - Em seguida clique em Salvar Modelo

CASO VOCÊ TENHA O JUMP BREAK
Caso você tenha o JUmp Break a única alteração que você poderá fazer é trocar a mensagem do botão. Para isso siga os seguintes passos:
1º - Acesse o Painel d seu Blog e clique na aba Design.
2º - Em seguida encontre o Widget "Postagens no Blog" e clique em "editar".
3º - Agora procure pelo campo "Texto do Link da página de postagem" e troque-o pela mensagem que você quer.
4º - Em seguida clique em Salvar.