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.

Alinear los enlaces de la lista de archivos a la izquierda, derecha o centro

El gadget de archivos en blogger se muestra en jerarquía, con una posición distinta para cada uno de sus enlaces, los cuales hacen ver las "agrupaciones" por meses y años.

Con este sencillo truco personalizaremos ese orden que por defecto se muestra en todos los blogs de blogger y haremos que adquiera un aspecto "rectangular" con unas propiedades de CSS.


Alinear los enlaces de la lista de archivos a la izquierda, derecha o centro


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




Busca la etiqueta ]]></b:skin> y añade estos bloques encima:

.BlogArchive #ArchiveList ul ul li {
padding-left:0;
text-align: left;
}
.BlogArchive #ArchiveList ul li {
padding-left:0;
text-align: left;
}
.BlogArchive #ArchiveList ul.posts li {
padding-left:0;
text-align: left;
}

Como ves, la palabra left (izquierda) aparece marcada en verde. Para centrar los enlaces, reemplaza left por center en cada caso y para alinearlos a la derecha, sustituye left por right.

Puedes ver el resultado haciendo vista previa y guardar cambios si te gusta el nuevo aspecto del elemento archivos.


Arny Joaquín dice...

¡Este Jaime es una bala! Apenas ayer le consulté sobre la posibilidad de hacer esta justificación de la lista de archivos, y hoy ya tiene la solución lista y publicada.

Para combinar ambos trucos, personalizar las palabas del archivo y además justifarlos, primero ejecutar el truco anterior, y luego este. ¿No es así, Jaime?

¡Abrazos amigo!

Nena dice...

Hola! Es la primera vez que visito este blog y esta genial!
Una pregunta ¿Como se pone ese cuadro donde esta el codigo?? :P

Jaime Trujillo Escobedo dice...

¡Gracias, Arny Joaquín! así es, resultaría más cómodo realizar primero el truco anterior y después este ;).

¡Abrazos!

Jaime Trujillo Escobedo dice...

¡Bienvenida, Nena! para colocar en tu blog la caja contenedora de código lee esta entrada en donde aprenderás a construirla ;).

Megagon-DaveMustache dice...

oie men
es la primera ves que visito tu post y bienen cosas interesantes
pero por mas que busco no encuentro esta etiqueta
]]>
me podrias desir mas o menos donde esta
este es mi msn
gon_maiden@hotmail.com
y mi blog es este
www.davemustache.blogspot.com

Jaime Trujillo Escobedo dice...

Megagon-DaveMustache, ¿Has probado a buscar la etiqueta ]]></b:skin> usando las teclas Ctrl y F para abrir el buscador de tu navegador?

Se encuentra al final del CSS (los bloques que tienen propiedades entre llaves como {) ;).

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