Personalizando o "Leia Mais"

 

Boa tarde!

Hoje descobri uma coisa nova, um tanto interessante.

Todo o mundo sabe colocar uma imagem no lugar do "leia mais", não é? Nunca vi nenhum blogue com ele personalizado de outro jeito.

Mas também é possível personalizá-lo sem colocar imagem.

Vamos aprender?

1 - Vamos para Design » Editar html. Abra a caixa de pesquisa (Ctrl + F), e procure por:

]]></b:skin>

2 - Acima do trecho que acabou de achar, coloque:

.jump-link  {

text-align: left; /* posicionamento do leia mais */

margin-top: 5px; /* espaço que fica entre o leia mais e a postagem */

}

.jump-link a {

padding: 4px; /*acolchoamento entre o fundo e o texto */

color: #000000; /* cor do texto */

background: #dfdfdf; /* cor do fundo */

font-family: verdana; /* tipo de letra */

-moz-border-radius:  6px; /* bordas arredondas */

-webkit-border-radius:  6px;  /* bordas arredondas */

border-radius: 6px;  /* bordas arredondas */

}

3 - Agora basta personalizar ao seu gosto!

De certeza que encontrará diversas maneiras de colocar o "leia mais" que lhe irão agradar.