Personalizando o "Leia mais" do seu blog

Você acabou de fazer um blog da plataforma Blogger, de repente você ver no final de cada postagem "Leia mais" aí assim com qualquer blogueiro tenta mudar este trecho, só que as configurações originais do Blogger não permite alteração nem exclusão, mas você pode o personalizar. Eis aqui uma das formas de personalização deste trecho.


Esta imagem mostra como ficará o seu "Leia mais" depois deste tutorial


O que você precisa fazer é acessar o painel do blogger, clicar em TEMA > Editar html. Dê um click dentro da caixa de código e aperte CTRL+F dentro da caixa de códigos do seu layout e na barra de pesquisa pesquise por ]]></b:skin>  e acima desse trecho cole o código:


.jump-link {
float: right; /*Escolha para ficar alinhado á direita (right) ou esquerda (left)*/
line-height: 16px; /*Altura da linha, mude de acordo com o tamanho da fonte*/
background: #0D0E0E;
padding: 10px 10px 10px 10px;
margin-top: -18px;
}
.jump-link a {
color: #ffffff;
text-align: center;
font-family: Verdana;
font-size: 16px;
}
.jump-link a:hover {
color: #fafafa;
text-decoration: none;
}


NotaLembrando que para o hack funcionar é preciso ir em inserir expansão de postagem que fica na área de edição de postagem do blogger.

Espero que com você tenha dado certo. Até mais ver.
Share on Google Plus

About Odnei Sales

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.

0 Comments:

Postar um comentário