Aplicar Blockquote en tus entradas publicadas de Blogger

Hoy vamos a ver cómo agregar un blockquote o bloque entrecomillado, que sirve para resaltar alguna cita textual o un párrafo en particular.

En futuros post veremos más estilos para nuestro blockquote; hoy veremos cómo añadirlo a nuestro blog (si es que no lo tiene) o cambiarlo un poco.

  • Ingresamos a Diseño/ Edición de HTML y con ayuda de CTRL+F buscamos:
blockquote {
margin:.5em 0;
}
El contenido (margin:.5em 0;) no tiene que ser necesariamente igual, lo importante es que exista el blockquote.

» Si no lo encontramos, entonces puede que en nuestro blog esté con este nombre:
.post blockquote {
margin:.5em 0;
}
Cualquiera de los dos es igualmente válido.
  • Si es que tenemos el código, podemos personalizarlo un poco, sustituyéndolo por:
blockquote {
background: #F3F3F1 url(http://1.bp.blogspot.com/_yVKhLCZjGOI/S0uYAzpgvyI/AAAAAAAABGs/ytzVvt2-HHs/s400/blocknaran.png)repeat-y ;
margin: 0 20px;
padding: 20px 20px 10px 45px;
font: italic 1.2em Georgia, "Times New Roman", Times, serif;
font-size: 0.9em;
}
Si es que en nuestro blog no existe el blockquote { o .post blockquote { entonces podemos añadir el código debajo de:

/* Posts
----------------------------------------------- */
  • Damos click a Guardar.
  • Cada vez que queramos usarlo, podemos agregar
Texto-Texto-Texto
o sino usar el botón que está en el editor de entradas:
Esta es la forma a mi entender más sencilla de aplicar comillas, si desean aplicar comillas con otros estilos aqui les dejo el enlace para que hagan las prueba hay 14 diseños.

Nota: no olviden hacer una copia de su blog antes de hacer modificaciones.

16 comentarios:

Omar dijo...

gracias me sirvió un monton

Servic Cente dijo...

Nice article admin thank you for sharing
lg service center in Hyderabad

Servic Cente dijo...

Nice article admin thank you sharing for valuable information
ac service center in Hyderabad

Servic Cente dijo...

Thank you admin for sharing such valuable information
tv service center in Hyderabad

Servic Cente dijo...

Great Article Thanks for Sharing
washing machine service center in Hyderabad

Servic Cente dijo...

Great article thanks for sharing really its very helpful information.
refrigerator service center in Hyderabad

Servic Cente dijo...

Nice information thanks to Admin
whirlpool service center in Hyderabad

Servic Cente dijo...

Its really worth able Article thanks for sharing admin
samsung service Centre in Hyderabad

Servic Cente dijo...

Nice article admin thank you for sharing
lg service center in Hyderabad

Servic Cente dijo...

Nice article admin thank you sharing for valuable information
ac service center in Hyderabad

Servic Cente dijo...

Thank you admin for sharing such valuable information
tv service center in Hyderabad

Servic Cente dijo...

Great Article Thanks for Sharing
washing machine service center in Hyderabad

Servic Cente dijo...

Great article thanks for sharing really its very helpful information.
refrigerator service center in Hyderabad

Servic Cente dijo...

Nice information thanks to Admin
whirlpool service center in Hyderabad

Servic Cente dijo...

Its really worth able Article thanks for sharing admin
samsung service Centre in Hyderabad

PRIZE BOND DRAW SCHEDULE dijo...

Get complete PRIZE BOND DRAW SCHEDULE online.

Publicar un comentario

Publicaciones recientes

 

  © 2009 Crea tu Blog

True Contemplation Blogger Template by M Shodiq Mustika