Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Los Blockquotes en blogger

Siendo utilizados para destacar porciones de un artículo tanto como frases cortas como extensos párrafos, los blockquotes poseen un estilo distinto que atrae al lector hacia algo importante. En blogger podemos añadir blockquotes con un simple clic.

Cuando creas una entrada utilizando el editor encontrarás un botón como el de la siguiente imagen:

blockuote en blogger, blogger trucos blogs, trucos ayuda blogger, codigo caja, caja texto blogger, blogger trucos

Resultado (utilizando un código en lugar de texto):



Afortunada o desafortunadamente, tal y como queramos verlo, blogger incluye en la plantilla unas líneas de CSS que determinan el estilo del blockquote y por tanto el aspecto que éste tendrá.

En esta entrada quiero explicarte la forma de personalizar este elemento tan útil por lo que seguir los siguientes pasos te ayudará a conseguir blockquotes que se adapten a las necesidades de tus obras.

Diseño>Edición de HTML>expandimos artilugios



Busca un bloque similar a este:

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Ahora, justo debajo añade este otro:

blockquote {
background:url("URL IMAGEN DE FONDO") repeat scroll 0 0 #FFFFFF;
border:1px solid #CCCCCC;
font:14px/22px normal helvetica,sans-serif;
margin-bottom:15px;
margin-left:60px;
margin-top:15px;
overflow:auto;
padding:10px 5px 10px 15px;
width:480px;
}

Reemplaza URL IMAGEN DE FONDO por la dirección de la imagen de fondo que vayas a utilizar. En caso de desear un color de fondo, reemplaza esta línea:

background:url("URL IMAGEN DE FONDO") repeat scroll 0 0 #FFFFFF;

Por esta otra:

background:#FFFFFF;

En mi caso utilicé el código de color #FFFFFF (blanco) pero puedes editarlo con la tabla de colores.

Puedes editar el borde en la línea border:1px [gorsor] solid [estilo] #CCCCCC [color]; (donde mis descripciones aparecen en color verde).

Si deseas modificar el ancho del blockquote aumenta o disminuye el valor 480 de la línea width:480px;.

En caso de querer ajustar cualquier otro parámetro y desconocer la forma de hacerlo deja un comentario para que pueda ayudarte.

Sara Lorano dice...

Todo un éxito tu truco. No sabes cuanto había esperado esta entrada tuya. Sin duda eres de lo mejor, un montonazo de agradecida.

David dice...

Gracias jaime, le agregue un fondo grunge con las comillas y quedo como yo queria . salu2

Jaime Trujillo Escobedo dice...

Sara, me alegro de haberte ofrecido algo que esperabas desde hace tiempo. Estoy encantado de que te sientas a gusto en El Balcón.

Jaime Trujillo Escobedo dice...

Perfecto entonces, David. Los fondos grunge son muy atractivos y el que has usado es perfecto.

Cocofansclub dice...

volve Jai!!te extrañamos!!:(

Jaime Trujillo Escobedo dice...

Claudia, ¿De veras pensabas que olvidaría volver? Ya hemos terminado la mudanza por completo, vuelvo a estar "activo".

¡Abrazos!

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo