Tutorial :: Continue Lendo Personalizado

Oiie! Hoje vou ensinar vocês a colocar e usar Continue Lendo Personalizado no seu Blogger.
Vocês já devem saber para que serve esse Continue Lendo né? Mas é claro, então se quiser saber como fazer isso no seu Blogger é só clicar em Continue lendo...


1° Vá no seu blog e depois clique em Modelo » Editar HTML.

2° Clique em qualquer lugar do blog e depois de Ctrl + F.

3° Vai aparecer uma caixa de pesquisa no canto e lá cole: .jump-link

4° Se já tiver um .jump-link substitua colando isso e depois edite do jeito que preferir:

.jump-link  {
text-align: right;
margin-top: 7px;
}
.jump-link a {
padding: 4px; /*TAMANHO DA CAIXA*/
color: #000;  /*COR DA FONTE*/
background: #FFF; /*COR DA CAIXA*/
font-family: Arial;  /*FONTE*/
text-shadow: 0px 0px 0px  #000; /*SOMBRA DA FONTE*/
font-size: 12px; /*TAMANHO DA FONTE*/
border-radius: 2px; /*BORDA*/
-webkit-transition-duration: .30s;
-moz-box-shadow: inset  0 0 5px #000;
-webkit-box-shadow: inset 0 0 5px #000;
box-shadow: inset 0 0 5px #fff; /*SOMBRA DA CAIXA*/
}
.jump-link a:hover {
padding: 4px; /*TAMANHO DA CAIXA*/
padding-right: 10px;
color: #000;  /*COR DA FONTE*/
background: #FFF; /*COR DA CAIXA*/
font-family: Arial;  /*FONTE*/
text-shadow: 0px 0px 0px  #000; /*SOMBRA DA FONTE*/
font-size: 12px; /*TAMANHO DA FONTE*/
border-radius: 2px; /*BORDA*/
-webkit-transition-duration: .30s;
-moz-box-shadow: inset  0 0 5px #000;
-webkit-box-shadow: inset 0 0 5px #000;
box-shadow: inset 0 0 5px #fff; /*SOMBRA DA CAIXA*/

5° Pronto! Agora clique em Salvar Modelo. Agora vou ensinar a como usar..

---------------------------------------------------------------------

1° Depois de escrever sua postagem clique no ícone destacado abaixo:  'Inserir expansão de postagem'

2° Vai ficar com um traço no meio da postagem, depois é só escrever a outra metade da postagem em Salvar e pronto!

Espero que tenham gostado e até o próximo tutorial! Bjs.