Modelos para Leia Mais

Boa noite pessoal, trago mais umas coisinhas para personalizar o blog de vocês. Venho postar alguns modelos de "Leia Mais"  feitos pela Kαorii, créditos de KW. Eu sempre uso um branquinho meio opaco, mas para quem gosta de botões acho que vale muito a pena dar uma olhada. Falta apenas dois layouts para terminar, então voltarei em breve a postar normalmente e visitar meus afiliados. Mas voltando a falar dos botões, eu realmente achei bem enteressante, não é tão chamativo como uma imagem. Mas carrega bem mais rápido e  é diferente.

Para adicionar um dos botões basta procurar por ]]></b:skin>, e acima adicione o código escolhido, se você tiver alguma imagem ou outro tipo de botão remova antes.

Códigos

.jump-link  {
text-align: right;
margin-top: 3px;
}
.jump-link a {
-moz-box-shadow: 0px 10px 14px -7px #276873;
        -webkit-box-shadow: 0px 10px 14px -7px #276873;
        box-shadow: 0px 10px 14px -7px #276873;
     
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #599bb3), color-stop(1, #408c99));
        background:-moz-linear-gradient(top, #599bb3 5%, #408c99 100%);
        background:-webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);
        background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%);
        background:-ms-linear-gradient(top, #599bb3 5%, #408c99 100%);
        background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
     
        background-color:#599bb3;
     
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
     
        display:inline-block;
        color:#ffffff;
        font-family:arial;
        font-size:13px;
        font-weight:bold;
        padding:9px 14px;
        text-decoration:none;
     
        text-shadow:0px 1px 0px #3d768a;
}

Códigos

.jump-link  {
text-align: right;
margin-top: 3px;
}
.jump-link a {
-moz-box-shadow:inset -1px 1px 1px 0px #efdcfb;
-webkit-box-shadow:inset -1px 1px 1px 0px #efdcfb;
box-shadow:inset -1px 1px 1px 0px #efdcfb;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e4ccf5), color-stop(1, #c8a0e8) );
background:-moz-linear-gradient( center top, #e4ccf5 5%, #c8a0e8 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4ccf5', endColorstr='#c8a0e8');
background-color:#e4ccf5;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #c596e6;
display:inline-block;
color:#ffffff;
font-family:Verdana;
font-size:12px;
font-weight:bold;
padding:6px 10px;
text-decoration:none;
text-shadow:1px 1px 0px #9752cc;
}
.jump-link a:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c8a0e8), color-stop(1, #e4ccf5) );
background:-moz-linear-gradient( center top, #c8a0e8 5%, #e4ccf5 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8a0e8', endColorstr='#e4ccf5');
background-color:#c8a0e8;}

Códigos

.jump-link {

text-align: right; margin-top: 3px; } .jump-link a {

-moz-box-shadow:inset -1px 1px 1px 0px #ffa3d3;

-webkit-box-shadow:inset -1px 1px 1px 0px #ffa3d3;

box-shadow:inset -1px 1px 1px 0px #ffa3d3;

background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f590b8), color-stop(1, #e062aa) );

background:-moz-linear-gradient( center top, #f590b8 5%, #e062aa 100% );

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f590b8', endColorstr='#e062aa');

background-color:#f590b8;

border:1px solid #de62aa;

display:inline-block;

color:#ffffff;

font-family:arial;

font-size:14px;

font-weight:bold;

padding:6px 13px;

text-decoration:none;

text-shadow:1px 1px 0px #bf6d7a;

}

.jump-link a:hover {

background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e062aa), color-stop(1, #f590b8) );

background:-moz-linear-gradient( center top, #e062aa 5%, #f590b8 100% );

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e062aa', endColorstr='#f590b8');

background-color:#e062aa; }