3 dic. 2014

[Tutorial] Blockquote ~1~

Hiiii~! Como están? ^^ Yo resfriada... -.- Aix... Bueno, dentro de unas semanas es navidad! Publicare unas cuantas entradas con temática navideña durante estas fechas, si quieren que publique algo en concreto comentenmelo! 

Bueno, hoy os enseñare como poner un blockquote en vuestro blog!! Este es mi favorito, lo uso en casi todas mis plantillas :3 Es fácil de poner, cualquiera podrá si se pone unos minutos a ello...~!

Para empezar, vamos a Plantilla > Editar HTML > Y buscamos ]]></b:skin> (si tenéis una plantilla Clásica o Blogskin, pegad el código antes de </style>) y antes de este codigo pegamos el siguiente:
blockquote {
margin-top: 9px;
background-color: #A9E2C7;/*Color de fondo*/
padding: 8px;
font-size: 11px;/*Tamaño de la Letra*/
color: #FC7C7C;/*Color de la letra*/
text-shadow: 1px 1px 0px #B5F7D7;/*Color de la sombra de la Letra*/
text-align: center;
outline-style: dashed;/*Tipo de la linea de adentro*/
outline-width: 1px;
outline-color: #fff;/*Color de la linea de adentro*/
outline-offset: -3px;
-webkit-transition-duration: .50s;
}
blockquote:hover {
background-color: #dccfb9;/*Color de fondo al pasar el cursor*/
}
 Para ponerlo en una de vuestras entradas solamente tenéis que darle click al botón de Cita (con la vista previa podréis verlo):

Y esto es todo~ Espero que os sirva ^^

Créditos: Lunany Kawaii

No hay comentarios:

Publicar un comentario