Tutorial Blogger: Personalizar Blockquotes




Hoy he descubierto que es un Blockquote :$ 
El Blockquote se pone con esas comillas que están casi al final de la barra de Herramientas, y cuando creas una entrada ves esto:

Holaaaa, Estoy dentro de un Blockquote :o

 Bueno, quería personalizarlos un poco, y no he encontrado casi nada, por lo que hoy os he hecho este pequeño tutorial para enseñaros como se personaliza.

Ir a Plantilla  Edición Html → Ctrl+F y buscamos

/* Posts


Y agregamos código justo debajo:

.post blockquote {
border-left: 1px solid #999999;
border-right: 1px solid #999999;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
background: #f6f6f6;
padding: 5px;
font-size: 13px;
color: #444444;
font-family: 'Marcellus', serif;
}


Y si queréis redondear las esquinas sólo tenéis que agregar el siguiente código:


border.radius: 20px;  
-moz-border-radius:20px;  
-webkit-border-radius:20px;


Y ya está, ¿fácil, verdad?
No os olvidéis de comentar!!




4 comentarios:

  1. Super facil y le da un toque de originalidad al post^^
    Besos

    ResponderEliminar
  2. Qué bonito, me parece un toque muy fresco para darle al blog :)
    ¡Un beso!

    ResponderEliminar
  3. Hola ^^, soy Himeko la nueva de la iniciativa granitos de arena. y vengo a decirte que ya te sigo ^^ Muy bueno el tutorial ^^, gracias ^^
    saludos n.n

    ResponderEliminar
  4. Muy fácil de hacer, estoy probando en mi blog de pruebas y va todo viento en popa.
    Besotes.

    ResponderEliminar

¡Anímate a comentar! ♥Tu opinión es muy importante para mí♥ :$

Post nuevo Post antiguo Home