Seguindo os passos corretamente, você ativa o seu "Leia Mais" do blogger, sem complicações!
1º passo:
Você deve ativar o editor atualizado blogger.
Para isso, vá em "configurações" e marque a caixinha "editor atualizado" em "Selecionar editor de postagem"
Para isso, vá em "configurações" e marque a caixinha "editor atualizado" em "Selecionar editor de postagem"
2º passo:
Crie sua postagem normalmente, e ative o 'jump Break' na postagem, separando a parte que você quer ocultar na home.
3º passo:
Personalize a frase como preferir.Vá em "elementos de página" >> "postagens do blog",e altere para como você quiser ou deixe ‘’Leia mais’’.
4º passo:
Personalizar o link do "Leia Mais" que vai aparecer nas postagens, aplicando seus estilos.
Cole o código CSS acima da tag ]]></b:skin>
Cole o código CSS acima da tag ]]></b:skin>
.jump-link {
text-align: right; /*Alinhamento do link "Leia mais"*/
font-size: 20px; /*Tamanho da fonte*/
font-weigth: bold;
margin: 5px 10px 5px 0px;
}
.jump-link a:link, .jump-link a:visited { /*Estilo do link ativo e visitado*/
color: #fff; /*Edite cor do link*/
text-decoration: none;
}
.jump-link a:hover { /*Estilo do link qdo passa mouse em cima*/
color: #8080cf; /*Edite cor do link*/
text-decoration: none;
}
Caso você não tenha gostado do novo editor de textos do blogger e não quer atualizá-lo, porque prefere usar o editor antigo, há uma maneira de ativar seu jump Break também,basta você incluir a tag:
<!-- more -->
Antes da parte que você quer que fique oculta na sua postagem.
Atenção: o novo recurso do blogger só está habilitado para templates novos.
0 comentários:
Postar um comentário
Se tem alguma duvida comente,se te ajudou comente,se faltou algo comente não custa nada.