JMiur [E]

Uno de los elementos que incluyen las plantillas de Blogger es el llamado Archivos que nos muestra las entradas del blog, organizadas cronológicamente siempre que en la Configuración tengamos habilitada las páginas de entrada:

¿Habilitar páginas de entrada?

Las opciones para personalizar este elemento son varias pero están limitadas a lo que nos ofrece Blogger. Para esto, debemos ir a la Plantilla y en la solapa Elementos de la página, hacemos click en Editar sobre el elemento correspondiente o lo agregamos si es que no existe.

El Título será el texto superior que se mostrará en la sidebar.

Los estilos a elegir son tres:

Jerarquía (HIERARCHY)
Lista (FLAT)
Menú desplegable (MENU)

Cada uno de esos estilos puede combinarse con las Opciones. Pueden mostrar los títulos o no, podemos definir si mostramos primero las entradas más antiguas en lugar de las más recientes y establecer el formato de la fecha.

Además, podemos seleccionar la Frecuencia de archivo para que se agrupen:

Mensualmente Semanalmente Diariamente

¿Eso es todo? Sí, no hay mucho más que podamos hacer, incluso, si miramos el código que inserta Blogger en la plantilla, lo que veremos será algo bastante críptico y difícilmente nos animemos a tocar algo:
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'>
.......
</b:widget>
La mayor parte de este código es el que utiliza Blogger para manejar los archivos cuando seleccionamos el estilo Jerarquias y se encarga de expandir y contraer la lista cuando hacemos click. Lamentablemente, esto no es sencillo de personalizar pero, en algunos casos debemos hacerlo.

El primer problema surge en muchas plantillas cuando las miramos con Internet Explorer. El símbolo que se usa para expandir y colapsar es un carácter especial (una letra) pero suele verse mal:


Para solucionar esto, buscamos las siguiente líneas:
<b:includable id='toggle' var='interval'>
.......
<span class='zippy toggle-open'>&#9660; </span>
.......
<span class='zippy'>&#9658; </span>
.......
</b:includable>
Y establecemos un estilo CSS para esos caracteres:
<b:includable id='toggle' var='interval'>
.......
<span class='zippy toggle-open' style='font-size: 12px !important;'>&#9660; </span>
.......
<span class='zippy' style='font-size: 12px !important;'>&#9658; </span>
.......
</b:includable>
Si queremos, también podemos agregar otras propiedades dentro del atributo style, por ejemplo, el color:

color: unColor !important;

El segundo problema que suele verse últimamente, es que en muchas de las nuevas plantillas reemplazan los símbolos y por imágenes. Parece sencillo, basta reemplazar esos dos símbolos por imágenes:
<b:includable id='toggle' var='interval'>
.......
<span class='zippy toggle-open'> <img src="URL_imagen" /> </span>
.......
<span class='zippy'> <img src="URL_imagen" /> </span>
.......
</b:includable>
Todo parece normal excepto que, cuando hacemos click, las imágenes desaparecen y los símbolos vuelven a aparecer:


El problema se provoca porque lo que vemos en la plantilla es sólo una parte del código que utiliza Blogger para manejar los archivos, el resto, lo inserta de manera automática mediante hojas de estilo y scripts y no tenemos acceso a ellos; podríamos verlos pero no cambiarlos:

XXXXXXXXXX-blog.css
XXXXXXXXXX-blogarchive.css
XXXXXXXXXX-blog_controls.css
XXXXXXXXXX--widgets.js

Aunque, hay algunas cosas que podemos manipular pero lo debemos hacer después que Blogger carga sus archivos. Para sobrescribir algunas de estas propiedades predeterminadas, utilizamos la etiqueta style, pero, no la colocamos antes de </head> como hacemos habitualmente, sino inmediatamente después de la etiqueta <body>.

Para resolver el problema de las imágenes en los íconos de los archivos, lo que deberíamos hacer es eliminar el código de Blogger pero, como no podemos hacerlo por completo, lo que haremos es ignorarlo. Primero, ocultamos la clase que es la que realmente controla todo así que, justo después de <body> agregamos:
<style type='text/css'>
.zippy {display: none; visibility: hidden;}
</style>
Y luego modificamos el código, poniendo la imagen fuera de la clase:
<b:includable id='toggle' var='interval'>
.......
<span class='zippy toggle-open' /> <img src="URL_imagen" />
.......
<span class='zippy' /> <img src="URL_imagen" />
.......
</b:includable>
La clase, la anulamos agregando una barra inclinada al final:

<span class='zippy' />

es lo mismo que escribir:

<span class='zippy'></span>

La imagen es única y debemos ponerla en ambos lados; una controla la clase expandida y la otra la clase colapsada.


¿Se podrían usar imágenes diferentes, una para cada estado?

Por el momento, es algo que me supera; ni siquiera estoy seguro de si eso es posible; en todo caso, si alguien experimenta con el tema y descubre algo, sería bueno que lo compartiera porque este es uno de los elementos más importantes del blog y el que menos alternativas nos ofrece.

61 comentarios:

Antony  

hola, esto era lo que estaba buscando, bueno gracias, por el dato.Felicitaciones

Responder
Gem@  

Si tu no lo has descubierto aún ... ya me dirás dónde está ese portento :)

Responder
JMiur  

Gracias, Vistosbuenos, me alegro que te haya servido.

Gem@, por ahora, no he encontrado la respuesta pero, todo es posible.

Responder
Claudio - Poca Tinta  

Esta interesante lo que sucede es que en mi plantilla no hay espacio y se vee mal.

Te escribo un mail con un mal intento de mi parte.

Responder
JMiur  

Acabo de recibir tu mail, ahora lo leeré y veremos qué puede hacerse.

Responder
Roberto Caamaño  

aplicando

Responder
JMiur  

Suerte, Roberto, ya me contarás cómo ha resultado :)

Responder
Unknown  

Gracias, te lo has currao, pero ¿sabes si hay alguna manera para que no aparezca por defecto extendido el último mes?. Saludos desde El Puchero de Rosa.

Responder
JMiur  

No Rosa, no sé la forma de hacerlo, lo he intentado pero ninguna de mis pruebas ha funcionado.

Responder
La Blogueria  

Esto da respuesta a ese problemilla de la imagen... aun asi, yo he optado por usar como sistema de archivos principal el BlogToc que tan maravillosamente explicaste aqui (claro que es útil porque el número de post es aún bajo...)
Junto con la gestión de imágenes y comentarios, esto me sigue pareciendo un handicap de Blogger.
¡Saludos!

Responder
JMiur  

Tienes razón, son los tres puntos claves y sobre los cuales poco podemos hacer.

Responder
* La Niña Ninja *  

^3^Hola!!!
tengo un problema con mi elemento Archivos.
Todos los meses se me despliegan perfectamente, pero el mes de mayo no lo hace...
he mirado el codigo desde el explorador y he visto que no muestra la lista de enlaces:
ul class='posts'

¿¿¿Es algún bug o es que tengo algo del código mal???

No sé si podrás ayudarme, pero gracias de antemano!!!!

mi mail es: jigokunohana@gmail.com

Responder
JMiur  

Niña Ninja:

Acabo de verlo y es raro.

¿Podría ser porque es el último mes de la lista? Eso podría probarse agregando temporalmente un post y poniéndole fecha de marzo o abril del 2007. Si entonces, se ve mayo, es casi seguro que haya un pequeño error en el código de la plantilla.

Como ese código es único para todas las plantillas, podrías usar el de cualquier otra y reemplazarlo, de esa manera se irían descartando cosas.

Cualquier cosa, me envias un mail a
vagabundia@gmail.com

Responder
Anónimo  

Hola implemente el uso de una imagen en vez de las tipicas flechitas para los archivos, quedaron barbaros. Ahora tengo en pregunta, mas bien un consejo, ya que me parece exelente la distribucion, orden, colores, proligidad y estetica de tu blog. No sera mucho para el mio? No quisiera que este recargado, soy nueva en esto y apenas tiene quince dias. Mi blog es http://undici-org.blogspot.com/
Gracias por todo, he sacado varias cosas de tu blog.

Responder
JMiur  

Romina:
La pregunta sólo tiene respuestas subjetivas. Yo diría que, tu blog no está recargado así que podrías intentarlo ya que, cualquier cosa, uno siempre puede arrepentirse y volver atrás sin problemas.

Responder
Anónimo  

Hola JMiur, he puesto el "Archivo del Blog" en mi blog (El Bloguecillo -vaya redundancia-) aplicando lo que bien explicas en éste post, pero me he encontrado con un problemilla: Al hacer click en las imágenes que puse, se expanden/contraen los meses después de volver a cargar toda la página. Supuse que había modificado algo más por error, pero al quitarlo y volverlo a poner (el widget completo), sigue con el mismo problema. He hecho todo lo que se me ha ocurrido, pero no tengo idea de porque suceda, ¿Alguna idea para corregirlo?, lo agradecería mucho.
Te saluda FGS desde El Bloguecillo.

Responder
JMiur  

Es un problema que he visto en algunos blogs pero, no puede verlo online; expande loas artilugios y busca esa parte y si quieres, me la envías por correo así la comparo. Empieza en:

<b:widget id='BlogArchive1' locked='false' title='xxxxxx' type='BlogArchive'>

y termina con:

</b:widget>

También se me ocurre que, como al eliminarlo te pasa lo mismo, una posibilidad es que crees un blog de pruebas. Elige una plantilla mínima y agrega el elemento sin cambiar nada, dejando todo con los valores por defecto. Esto lo digo por las dudas el problema esté en alguna configuración u opción del mismo blog.

Responder
Anónimo  

saludos, magnifico blog, quisiera saber como es que se desaparece el contenido cuando se archiva, ya que puse la opcion pero me sigue saliendo todo el contenido central y claro lo del archivo pareciera solo una clasificacion.

Responder
JMiur  

Explícame un poco más porque no comprendo la pregunta.

Tienes razón en eso de la clasificación; el elemento Archivos sólo es una lista y no afecta en absoluto la forma en que se ve el blog.

Responder
Giancarlo  

Hola, quisiera saber cómo se puede modificar el elemento archivos para que aparezcan todas las entradas con su título pero sólo si expandimos el mes. Me explico, em gusta que los lectores que lleven un tiempo sin meterse por el blog puedan explorar por el archivo y rebuscar entre los títulos. El problema es que es que esto ocupa mucho. Por eso me gustaría saber cómo mantener todas las clasificaciones deplegables cerradas, incluso por años no estaría mal, si al fin y al cabo el lector puede ir desplegando cada cosa.

Responder
Giancarlo  

Hola.

Una preguntita sobre este tema,pues no lo encuentro por ningún lado.

Blogger me permite elegir la frecuencia del archivo, en mi caso tengo seleccionado el archivo con estilo "jerarquía" y la frecuencia de archivo es "mensual". Tegno seleccionado que se vena los títulos de las entradas porque a los lectores que hace tiempo que no leen el blog les es más sencillo e intuitivo explorar el archivo deplegando sus flechitas. El problema es que esto me ocupa demasiado espacio en mi blog de 3 columnas.

Lo que me gustaría conseguir es que todas las flechas, por defecto, según se carga la pagina, estuvieran contraidas, para que los lectores pudieran navegar libremente por ellas pero que no me ocupe tanto espacio visual.

Muchas gracias.

Responder
Giancarlo  

Hola, quisiera saber si alguien ha descubierto ya cómo hacer para que no aparezca el último mes expandido por defecto.

Un saludo.

Responder
JMiur  

Hasta donde yo sé, no es posible. El elemento Archivos lo controla Blogger a su gusto. Si ese trata de problemas de espacio, podrías mantenerlo oculto y que se depliegue cuando alguien haga click.

Responder
v  
Este comentario ha sido eliminado por el autor.
Responder
JMiur  

Como esa parte tiene propiedades puestas por Blogger, se me ocurre que deberías agregar algo así, después de <body>

<style>
.BlogArchive #ArchiveList ul li {
margin:0 !important;
padding:0 !important;
text-indent:0 !important;
}
</style>

Responder
v  

Genial !!! Ahora sí! Me he vuelto loca intentándolo! Muchísimas gracias :)

Responder
JMiur  

Me alegro que funcioanra, Vanesce :)

Responder
Deyvol  

Felicidades por el blog, la verdad es que esta todo muy bien explicado, pero tengo un problema en el mio http://dugafc.blogspot.com/ se trata de las flechas de expandir/contraer los archivos del Blog, me han desaparecido y no se como hacer para que vuelvan a aparecer, he intentado seguir tus pasos pero me pierdo completamente. Mi email es deyvol@gmail.com ¿Podrías ayudarme?

Gracias
David.

Responder
JMiur  

Pués allí las veo, Deyvol, en tuds dos blogs.

Responder
V *  

Muchísimas gracias! Siempre ando por tu blog buscando cosillas para mejorar el mío y el truco este me ha funcionado de maravillas, ahora si va de acuerdo al estilo qe he aplicado al mio.
Gracias otra vez:)

Responder
Leandro  

se puede personalizar el elemento archivo para que en vez de los meses aparezca un titulo distinto?
Gracias.

Responder
JMiur  

No que yo sepa, Leandro.

Responder
Unknown  

Hola querido amigo!
ando buscando como personalizar los list del widget "Archivos" ya que en una plantilla que estoy modificando los espacios entre un "li" y otro estan demasiado separados.
Y si es posible modificar algún estilo más, como el titulo y los padding de la list

Mientras me dices, te envío un abrazote!

Responder
JMiur  

Si, la etiqueta puede personalizarse. Sí solo se trata de ese gadget, hay que agregar las definiciones:

#ArchiveList li { ..... }
#ArchiveList li a { ..... }

La separación puede deberse a varias cosas, puede ser que tengan márgenes o paddings, una altura dada por heigh o la separación puede ser la propiedad line-height. Habría que verlo en un ejemplo concreto pero, podrías empezar poniendo todo en cero:

#ArchiveList li {
margin-bottom: 0 !important;
margin-top: 0 !important;
padding-bottom: 0 !important;
padding-top: 0 !important;
line-height:normal;
}

Responder
Unknown  

perfecto! ahora ya sabré hacerlo solita, jajaja

Gracias siempre!

Responder
JMiur  

Suerte :D

Responder
Casch  

Saludos
Excelente Blog
Se puede hacer que el menu de Arhivos este siempre desplegado por defecto, sin tener que hacerle clic?

Responder
JMiur  

Ese menú es manejado internamente por Blogger y no puede ser modificado. Sólo se abre por defecto el mes de la entrada.

Responder
Equipo Museos2010  

mil gracias, no sabés lo que me costaba

Responder
Anónimo  

Hola.. tengo una dudilla..

Es posible tener dos gadgets de archivo independientes uno del otro en el mismo blog de Blogger... soy novato y estoy montando un blog me gustaria saber si es posible para poder tocar dos temas distintos sin mezclar las entradas en el mismo archivo... uno lo tendria por fechas y el otro por titulos de entrada... Espero que puedas ayudarme gracias...

Responder
JMiur  

No. Blogger sólo permite posible agregar un gadget de Archivos.

Responder
Juan Carlos  

Wenas!!!queria saber si es posible mediante target='_self' que el mes de los archivos se desplegaran en la misma ventana y no en una ventana diferente!!y las entradas en ventana aparte!!si no es posible, pues como hago para dejar todo en la misma ventana?¿?

Responder
JMiur  

Eso e sposible. Deberías buscar en el widget los enlaces que hacen cada una de esas cosas y agregarles el atributo target. Si no me equivoco:
el que muestra el mes completo tiene este dato: <data:i.name/>
el que muestra cada entrada tiene este otro: <data:i.title/>

Responder
Alonso  

Buen día JMiur, preguntaré una vanalidad, pero seguro tú me puedes ayudar:

¿Cómo puedo hacer para que los meses tengan la primera letra en mayúscula?

He intentado con #BlogArchive1 {text-transfrom:capitalize}, y efectifamente en el menú desplegable aparecen con mayúsculas, pero a la hora de elegir un mes en la pestaña del título del blog se sigue mostrando en minúsculas: "noviembre 2010 │ Mi Blog" ¿Qué debo hacer para que el resultado sea "Noviembre 2010 │ Mi Blog"?

De antemano gracias, sé que son temas ya pasados pero éste el mejor blog de ayuda que conozco, además se explica todo muy bien, espero no estar siendo una molestia y si es así por favor dímelo. Saludos.

Responder
JMiur  

Alonso:
No stoy muy seguro de si lo que quieres es que los textos que se ven en el elemento Archivos, tengan ese tipo de formato. Si es así, podrías intentar poniendo en el CSS esta regla:

#BlogArchive1 select {text-transform:capitalize;}

Me perdí con lo de la pestaña porque no sé a qué pestaña te estás refiriendo.

Responder
Alonso  

Me refiero a la pestaña del navegador, donde se muestra el título de la página que se está visitando. Creo que en mi otro comentario me faltó una coma era: "...pero a la hora de elegir un mes, en la pestaña del título..." jaja

Espero que ahora sí se haya entendido JMiur, gracias por las atenciones.

Responder
JMiur  

Si, ahora entendio :-)

Eso que ves es el contenido de la etiqueta TITLE y no puede ser modificada con CSS. El dato del mes y el año es un dato interno de Blogger.

Responder
Alonso  

Mmmm ok, ya veo... lo que sucede es que he visto blogs donde el mes sí se muestra en mayúsculas, pero supongo entonces que es debido a la configuración de la plantilla en sí.

Gracias por tu ayuda JMiur, saludos.

Responder
Mochi  

Hay alguna forma facil de mostrar el archivo del blog ordenado cronologicamente pero sin subniveles... Es decir, quisiera que se vean solo los titulos de las entradas, una arriba de la otra sin ningun "escalon"...
Gracias

Responder
JMiur  

La lista de las entradas no se carga integramente en el gadget sino sólo de manera parcial, sól oeso queves cuando abres la página. El resto, se carga cada vez que haces click en uno de esos enlaces o subniveles.

Para lo que quieres, deberás usar JavaScript y crear una lista personal.

Responder
Unknown  

GENIO!!!! Muchas gracias por este truco! Un besote!

Responder
Ariel  

Buenas! Muy buena info. Yo estoy teniendo problemas en Jerarquia. Es que no se ve bien. Esta la flecha que indica el mes pero el mes aparece abajo. Alguna idea de como se puede solucionar? Desde ya muchas Gracias!

Saludos!

Responder
JMiur  

Eso ocurre porque en tu plantilla tiene definida esta regla de estilo:

p, li {
white-space: pre-wrap;
}

Y eso es lo que provoca ese error; deberías eliminar eso.

Responder
Anónimo  

Hola, gracias por tu trabajo, es excelente, pero tengo un problema con mi plantilla; tengo los archivos seleccionados por el estilo de gerarquía y cuando selecciono alguno de ellos no se despliega, sino que me abre otra ventana donde se encuentra el post correspondiente y eso es molesto dado que dificulta la navegación en mi blog. Qué podría hacer? este es mi blog: http://deicida69.blogspot.com/

De antemano. gracias colega

Responder
JMiur  

Lo que veo es que los enlaces tienen un atributo href vacio en lugar de tener el que inserta Blogger que es algo bastante largo y es lo que permite que funcione ¿Has modificado esa parte del código?

Si es así, sugeriría que elimines el gadet y lo vuelvas a colocar y de ese modo se restaurará.

Anónimo  

Gracias por responderme colega. No, no he modificado esa parte del código y ya quité el gadget y lo volví a poner más de una vez y el problema continúa. Seguramente el problema ha de ser producto de haber realizado mi plantilla con Artisterr 3, dado que he revisado algunos foros y todos lo que utilizaron Artisterr tienen este mismo problema que te menciono, así como uno para realizar comentarios en los post.

En si he públicado mi problema en google groups y nadié me ha respondido:

Problema 1. El archivo de blog: Si lo pongo en forma de jerarquia segun el mes , se supone que si presiono una de las viñetas o flechas que tiene cada mes muestra la lista de temas de ese mes sin recargar la pagina, pues en mi caso no funcionana esas viñetas, debo presionar el nombre del mes y tras de eso recarga la pagina para mostrar la lista, en vez de solo desplzarse, lo que hace muy tediosa la busqueda por medio de este gadget.
Intento de solución: He quitado y vuelto a poner el gadget varias veces y pasa lo mismo, el menu vertical no se desplaza sino recarga la pagina.

Problema 2. No puedo publicar comentarios en ningún post cuando tengo seleccionado el post de manera individual; por ejemplo, aquí: http://deicida69.blogspot.com/2012/02/underground-radio.html. Pero cuando no está seleccionado un post individual, es decir, de esta manera: http://deicida69.blogspot.com/ no tengo problemas para realizar comentarios.


Esos son los dos únicos problemas de la plantilla.

Saludos

JMiur  

Pues entonces, me parece que es tal como dices, que es un tema de Artister porque l oque se ve es que incluye una larga lista de scripts y es probable que sea alguna de ellas la que cambie esos enlaces.

Anónimo  

Conoces algún foro al que me pueda dirigir para tratar mi problema, aparte del de Blogger?

Gracias y que tengas buena noche.

JMiur  

Si tal como suponemos (y creo que es bastante probable que sea así) se trata de algo que provoca algún código generado por el mismo Arister, lo lógico seria buscar algún foro de usuarios de ese programa a ver si allí hay alguna respuesta o alguien se ha topado con un problema similar.

No sé si existe alguno o si ellos tienen algún servicio de ayuda.

Responder
Unknown  

Hola. Me gustaría saber si en lugar de que mis archivos salgan despegables por fecha aparezcan todos seguidos.

JMiur  

El gadget Archivos sólo tiene las opciones que te muestra Blogger y ninguna otra.

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR