Modelos de mais informações

Hello Hello Baby! Tudo bem com vocês? Eu estou bem, muito ansiosa para ir assistir Velozes e Furiosos 7 segunda-feira, eu sei que o filme estreou a algum tempo mas eu só consegui o dinheiro pra ir ver agora, na verdade um amigo meu vai pagar a minha entrada já que segunda é meu aniversário de 17 anos (finalmente). Vocês não sabem o quanto eu espero para os meus 18 e pensar que só falta 1 ano é tão bom quanto lembrar de algumas coisas boas do passado.

Então gente, eu já falei isso no post passado mas vou falar de novo (estamos precisando de divulgação) eu e uns amigos criamos um canal no youtube chamado "ÑSOUOBRIGADA". Fizemos isso porque aviamos feito um video chamado "No boyfriend, no problem" que eu até postei aqui no blog, no facebook teve mais de 5 mil acessos, e tivemos vários comentários nos pedindo para fazer um canal no youtube, então nós (Eu, Cláudia e Lucas) resolvemos atender o pedido dessas pessoas. Então quem quiser conhecer o canal clique aqui (não liguem para a aparência do canal, ainda não tivemos tempo de editar. E eu não menti sobre o nosso video ter tido 5 mil acessos ok? Isso aconteceu no facebook e o video está aqui, caso alguns queiram conferir.


Mas agora falemos sobre o post, alguém me pediu para fazer um tutorial de como fazer o modelo de "mais informações" como o meu. E aproveitando essa chance eu resolvi trazer mais dois modelos juntos, espero que gostem.

É bem simples, vá  em modelo, editar html e procure por:

]]></b:skin>

Acima dele, cole o código do modelo que você escolheu.

Modelo 1

  .jump-link  {
text-align: right; /* posicionamento do leia mais */
margin-top: 15px; /* espaço que fica entre o leia mais e a postagem */
margin-bottom: 15px;
}
.jump-link a {
padding:4px 2px 4px 2px;
display: inline-block;
margin-bottom:3px;
margin-left:1px;
margin-right:1px;
font-size: 8px;
color: #fff;
font-family: "PF Arma Five";
width:70px;
text-align: center;
background:  #ffcccc;
border: 1px solid #ff7766;
text-shadow: 1px 1px 0px #ff7766;
display: inline-block;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
}
.jump-link a:hover {
padding:4px 2px 4px 2px;
display: inline-block;
margin-bottom:3px;
margin-left:1px;
margin-right:1px;
font-size: 9px;
color: #fff;
font-family: "PF Arma Five";
width:75px;
text-align: center;
background:#b8cad7;
border: 1px solid #639ebc;
text-shadow: 1px 1px 0px #639ebc;
display: inline-block;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
transform: rotate(4deg) scale(0.904) skew(1deg) translate(0px);
-webkit-transform: rotate(4deg) scale(0.904) skew(1deg) translate(0px);
-moz-transform: rotate(4deg) scale(0.904) skew(1deg) translate(0px);
-o-transform: rotate(4deg) scale(0.904) skew(1deg) translate(0px);
-ms-transform: rotate(4deg) scale(0.904) skew(1deg) translate(0px);}
}

 Modelo 2

.jump-link  {
text-align: right; /* posicionamento do leia mais */
margin-top: 15px; /* espaço que fica entre o leia mais e a postagem */
margin-bottom: 15px;
}
.jump-link a {
padding: 4px;
color: #fff ; /* cor do texto */
background: #ffcccc; /* cor do fundo */
font-family: arial; /* tipo de letra */
box-shadow: inset 0 0 2px #eee, 0 0 2px #ccc;  /*cor da borda*/
-moz-border-radius:  1px; /* bordas arredondas */
-webkit-border-radius:  3px;  /* bordas arredondas */
border-radius: 3px;  /* bordas arredondas */
}
.jump-link a:hover {
padding: 6px;
margin:10px;
Color: #fff; /* cor do texto no hover */
Background: #b8cad7; /* cor do fundo no hover */
-webkit-transition-duration: .90s;
} 

Modelo 3  

.jump-link a {
color: #fff;}
.jump-link {
font-family: silkscreen;
font-size: 8px;
padding: 3px;
margin-bottom: 10px;
width: 99%;
line-height: 15px;
background: #ffa5ad;
border: solid 1px #ff8690;
text-shadow: #ff8690 0px 1px 1px;
text-align: center;
border-radius: 0px;transition: 0.6s;
}
.jump-link:hover {
-webkit-transition-duration: .90s;
background-color: #b8cad7;
border: 1px solid #639ebc;
}