Leia mais personalizado

Hoje vou ensinar vocês a personalizarem o Leia Mais igual o do Template Magic Wing. Essa personalização é muito fofa, e como tudo que usa apenas HTML, nos dá infinita possibilidades. O único defeito dessa personalização é que ela entra em conflito com o Gadget de postagens relacionadas, nunca consegui resolver esse problema, infelizmente =/

1- Vá no HTML do seu blog, aperte CTRL+F e procure por:

]]></b:skin>

2- ACIMA disso, cole:

.jump-link {
text-align: right; /* 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: #8266ae; /* cor do texto */
background: #ded7e4; /* cor do fundo */
font-family: verdana; /* tipo de letra */
border: 1px solid #d1a8fa; /*cor e estilo da borda*/
-moz-border-radius: 6px; /* bordas arredondas */
-webkit-border-radius: 6px; /* bordas arredondas */
border-radius: 6px; /* bordas arredondas */
}
.jump-link a:hover {
padding: 4px; /*acolchoamento entre o fundo e o texto quando passa o mouse */
color: #64319a; /* cor do texto quando passa o mouse*/
background: #d3c3e1; /* cor do fundo quando passa o mouse*/
font-family: verdana; /* tipo de letra quando passa o mouse */
text-decoration: italic; /*decoração do texto quando passa o mouse*/
border: 1px dashed #64319a; /*cor e estilo da borda quando passa o mouse*/
-moz-border-radius: 6px; /* bordas arredondas */
-webkit-border-radius: 6px;  /* bordas arredondas */
border-radius: 6px;  /* bordas arredondas */
}

3- Personalize a seu gosto, visualize, e se estiver tudo certo, salve. Lembrando que se não funcionar é só colocar o código "mais para cima"