1.Editar HTML | buscar /* Content O ]]></b:skin> y pegar el siguiente codigo arriba:
.tm1{2.Luego vamos a añadir un gadget HTML | Y pegas el siguiente codigo:
padding: 3px 5px 3px 5px;
background: #f6f6f6;
background: -moz-linear-gradient(top, hsla(0,0%,96%,1) 0%, hsla(0,0%,96%,1) 47%, hsla(0,0%,93%,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(0,0%,96%,1)), color-stop(47%,hsla(0,0%,96%,1)), color-stop(100%,hsla(0,0%,93%,1)));
background: -webkit-linear-gradient(top, hsla(0,0%,96%,1) 0%,hsla(0,0%,96%,1) 47%,hsla(0,0%,93%,1) 100%);
background: -o-linear-gradient(top, hsla(0,0%,96%,1) 0%,hsla(0,0%,96%,1) 47%,hsla(0,0%,93%,1) 100%);
background: -ms-linear-gradient(top, hsla(0,0%,96%,1) 0%,hsla(0,0%,96%,1) 47%,hsla(0,0%,93%,1) 100%);
background: linear-gradient(to bottom, hsla(0,0%,96%,1) 0%,hsla(0,0%,96%,1) 47%,hsla(0,0%,93%,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ededed',GradientType=0 );
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
border: 1px solid #e1e1e1;
box-shadow: inset 1px 1px 0 #fff;
margin-bottom: 2px;
color: #c7c7c7;
font-family: "Trebuchet MS";
font-size: 11px;
letter-spacing: .1em;
text-shadow: 1px 1px #fff;
}
<div class="tm1">Algun texto.</div>1.Editar HTML | buscar /* Content O ]]></b:skin> y pegar el siguiente codigo arriba:
<div class="tm1">Algun texto.</div>
<div class="tm1">Algun texto.</div>
.tm4{
padding: 3px 5px 3px 5px;
background-color: #f4f4f4;
margin-bottom: 2px;
color: #cdcdcd;
font-family: "Arial";
font-size: 10px;
letter-spacing: .1em;
text-transform: lowercase;
-webkit-transition-duration: .90s;
}
.tm4:hover{
background-color: #676767;
letter-spacing: .2em;
color: #a5a5a5;
-webkit-transition-duration: .90s;
}
2.Luego vamos a añadir un gadget HTML | Y pegas el siguiente codigo:
<div class="tm4">Algun texto.</div>A que estan geniales....yo uso uno y esto le da un buen toque al blog~!!. Bueno yo las dejo por que ve voy a poner a ver un anime~!!jejjejje
<div class="tm4">Algun texto.</div>
<div class="tm4">Algun texto.</div>
Recuerda dejar su comentario~
Les dejo besos de cherryT.O.P
Att:Lee rae mi{dayi}
[x]
Buen tuto! :D
ResponderEliminarBuen tutorial ^^
ResponderEliminarsaludos n.n
gracias :3
ResponderEliminaresta muy bueno el tuto >.< gracias :D!!
ResponderEliminaresta genial aunque la verdad no entendí muy bien que era xD
ResponderEliminarEsta super chulo el tutorial.
ResponderEliminarGracias por compartirlo.
Besos
Holaaa! Muy buena entrada... Te he nominado a un premio en mi blog, pasate a recogerlo (literalmente) x3
ResponderEliminarSaludos
buen tutorial gracias
ResponderEliminarYo también tendría que proponerme eso xD aunque sea super floja pero bueno -w- muy buen tutorial se agradece *u*
ResponderEliminarbesos
PD: amo tu diseño *o*
EliminarHoli!
ResponderEliminarGracias por el tutorial!
PD: Que linda la imagen de arriva me encanta EXO!
Saluditos
Qué lindo queda! Sé como podría ponerlo en mi blog, jijiji
ResponderEliminarEspero que estés genial,
saludos ^^
Tus tutoriales siempre tan geniales y tu blog siempre tan bonito :3
ResponderEliminarBesos***