ElMosquitero

Los avispados lectores el blog se habrán dado cuenta de una serie de cambios que ha estado sufriendo esta bitácora desde hace unos días. Uno que lo vio, y no tardó ni un segundo en llamarme la atención sobre ello, fue el siempre atento y eternamente amigo Jose Luis, que haciendo acopio de un innegable sentido del humor me dijo:

¡Otra plantilla! Recuerdo un no cambiaré lejano…

Bien Jose, la verdad es que no ha sido una nueva plantilla, sino una reforma estructural de carácter organizativo, cuya única función ha sido la de dotar a la bitácora de un sello personal que quedó seriamente puesto en entre dicho cuando Victor Esparza dijo que la plantilla era bastante parecida a la de Mangas Verdes.

Puede que lo que más se pareciera a ese ilustre blog éste en el que te encuentras, fuesen tanto la cabecera con las palabras difuminadas de fondo, como el hecho de tener unas pestañas en la parte superior del blog.

Las pestañas, como es evidente continúan en su sitio, pero la cabecera ha sido de nuevo cambiada y se la ha dotado de dos elementos distintivos.

• El logo del Blog, con el que emulo la decisión de Pizcos de dotar de imagen a su bitácora, que se distingue por una M gigante en mayúsculas, acompañada ésta con la palabra blog en minúsculas
• Y una foto de servidor en actitud reflexiva, justo aquello de lo que carezco de forma más alarmante.

También hemos cambiado ese tono grisáceo que tenían las líneas del blog y lo hemos cambiado por el negro. Así le damos rotundidad y pasamos ya definitivamente la página de los tonos claros y la limpieza excesiva de los elementos con conforman el conglomerado que es el blog.

Reconociendo que hay cosas que creo que merecen ser visibles en todo momento, he optado por incluir elementos flotantes en los laterales del blog que hagan que la navegabilidad por el mismo sea más eficaz e intuitiva.

Por ejemplo, en el lado inferior derecho del blog está el anuncio para la inscripción en la quinta edición del Concurso Escribe Tu Historia, más popularmente conocido como El CETH.

Su inclusión en cualquier blog es sencilla, puesto que solo hay que situarse en el Código HTML de la plantilla y buscar casi al final del todo la palabra </body>. Cuando lo hayas encontrado, pegas este pequeño código antes del mentado BODY y listo, tendrás tu fondo flotante listo para ser usado.

<a href='http://www.TUBLOG.com/' style='display:scroll;position:fixed;bottom:0px;right:0px;' target='_blank'><img src='la foto que quieras con fondo transparente'/></a>

Recuerda que la foto deberá ser pequeña para que no tape el contenido del blog. En caso de ser demasiado grande se superpondría al blog y taparía el texto, con lo que tu blog no sería visible.

Como veis yo tengo tres grupos de imágenes flotantes, la del CETH que es de la que acabamos de hablar, la de los RSS que están arriba de ella y las de los Iconos Sociales que están a la izquierda. Todas ellas se sitúan en posición modificando dos parámetros diferentes, que son los escritos en cursiva:

<a href='http://www.TUBLOG.com/' style='display:scroll;position:fixed;bottom:altura en % a la que quieras que se sitúe la imagen;right:distancia en píxeles que separará la imagen del lado ej. 5px (right=derecha y left=izquierda);' target='_blank'><img src='pon la foto que quieras'/></a></span>

Así, todos los elementos que creo que son importantes y que pienso que no deben desaparecer nunca de la visión del posible visitante, quedan permanentemente visibles y por tanto atraen la atención necesaria para que sean tomados en cuenta por todos vosotros.

También he modificado un poco la plantilla en lo que se refiere a las páginas individuales.

Si os habéis fijado, en la portada del blog aparecen, justo bajo la cabecera, una serie de palabras encuadradas que no son más que las etiquetas en las que están ordenadas todas las entradas del blog. Nunca me gustaron las listas en la sidebar y por ello opté por ponerlas al estilo de Rosa en su blog. Sí, es cierto que éstas están ya hace tiempo allí, pero la novedad es que desaparecen en las entradas individuales y en su lugar aparece un breve texto avisando de que el lector se encuentra en una página individual del blog El Mosquitero y se le recuerda que puede recibir gratuitamente las actualizaciones del blog en su propio correo o lector de feeds.

Este efecto se consigue de forma sencilla con los códigos condicionales, que muy bien explicó JMuir en su blog hace ya algún tiempo.

Con ellos se consiguen dos cosas muy interesantes y que pueden facilitar la navegabilidad por el blog del visitante. Podemos elegir qué cosas aparecerán en portada pero no en las entradas individuales y qué cosas aparecerán en las individuales y no en la portada.

Esto hace que podamos tener muchos mensajes dirigidos al lector repartidos en multitud de lugares diferentes del blog sin que se tengan que cargar todos a la vez. Por ejemplo, en la portada del blog podemos ver claramente:

• Las categorías en las que se dividen todas las entradas del blog.
• El buscador del blog.
• Los últimos comentarios.
• Los blogs Patrocinadores del CETH.
• El anuncio para ser un Bloguer Invitado en El Mosquitero.
• Un anuncio sobre el libro Atmósferas en el que participo con un relato.
• Otro anuncio, en este caso el del Reto de los Retos.
• Una sección de botones.
• Y los tres footers inferiores donde se encuentran mis compartidos del Google Reader, Los ganadores del CETH y el listado de mis blogs.

Así, cuando nos encontramos en una entrada individual, el contenido tanto de la parte de abajo de la cabecera, como la sidebar y el footer cambian de apariencia completamente haciéndose más liviano a la carga y dejando solo visible aquello que yo creo que puede ser importante.

• En lugar de las categorías del blog, aparecerá un pequeño texto explicativo sobre donde se encuentra el lector, en el que se le recuerda que puede recibir gratuitamente las actualizaciones del blog, tanto en su correo como en su lector de feeds.
• El Buscador del blog.
• El anuncio para ser un Bloguer Invitado en El Mosquitero.
• Un anuncio sobre el libro Atmósferas en el que participo con un relato.
• Y finalmente el footer aparecerá totalmente vacío.

Como podéis comprobar, he intentado que el blog sea un poco más intuitivo, y que con las secciones que aparecen y desaparecen, podamos conseguir que toda la información le llegue al lector sin necesidad de saturar su vista en una primera impresión.

¿Qué os perecen los cambios?