Personalizando o "Leia Mais"

 Hayoo..hayoo como vão vocês meus doces de coco? Trago mais um tutorial para vocês, os creditos vão para o blog/site Kawaii World. O tutorial de hoje e como personalizar o "Leia Mais" em forma de um botão simples, todo mundo já sabe como colocar uma imagem mas achei esse bem diferente.


Vá em seu HTML e procure pelo: ]]></b:skin>

Assim que o achar acima dele coloque esse codigo:

Códigos

.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 */
}