Rescatando al soldado Lapicito

Cuando alguien accede a una página de un blog alojado en Blogger, desencadena una serie de eventos; las ruedas de la maquinaria digital comienzan a girar y en segundos se nos muestra el resultado. El servidor lee nuestra plantilla, la combina con los datos y nuestra configuración y re-interpreta todo para tratar de satisfacer el pedido de algún usuario. Esto, lo hace Blogger y cualquier otro servidor que cree las llamadas "páginas dinámicas" pero, no sólo se limitan a hacer lo que les dijimos que hicieran, también agregan cosas por su cuenta.

El ejemplo más evidente es la Navbar; no parece estar en ninguna parte, Blogger la agrega y nada más. No es lo único, tambien agrega otros códigos y carga otros archivos externos imprescindibles para que funcione y que, claro, no tiene sentido intentar manipular:

http://www.blogger.com/navbar.g: la navbar y otras herramientas
http://www.blogger.com/v-app/scripts/XXX-common.js: utilidades básicas comunes
http://www.blogger.com/v-app/scripts/XXX-dom.common.js: funciones comunes
http://www.blogger.com/v-js/XXX-cookies.common.js: manejo de cookies
http://www.blogger.com/widgets/XXX-widgets.js: manejo de los widgets
http://www.blogger.com/dyn-css/authorization.css: autorizaciones del administrador

Pero, hay otros que son más interesantes y que contienen propiedades con las que podemos experimentar:

http://www.blogger.com/widgets/XXX-blog.css: propiedades varias
http://www.blogger.com/widgets/XXX-blogarchive.css: propiedades del elemento Archivos
http://www.blogger.com/css/blog_controls.css: íconos de edición rápida y otros

¿Edición Rápida? ¿el lapicito perdido?

El código de estos íconos se muestra en la plantilla al pie de página de cada post pero su existencia depende de las opciones que hayamos elegido:

<a expr:href="data:post.emailPostUrl" title="Enviar por Email">
<span class="email-post-icon">&#160;</span>
</a>

<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' title='Editar Post'>
<span class='quick-edit-icon'>&#160;
</a>
</span>

Ahora, hay dos íconos perdidos (y la gente de Blogger se fue de vacaciones)

El archivo externo que controla estos dos íconos es:

http://www.blogger.com/css/blog_controls.css

Comparándolo con uno anterior puede verse que faltan las líneas que corresponden a esos íconos ¿Por qué? ni idea pero ... ¿y si las agregamos en la plantilla?

Primero, guardamos las imágenes del lapicito y del mail ya sea las originales o cualquier otra que se nos ocurra.

Luego, vamos a la plantilla y justo antes de </head> agregamos el código faltante reemplazando las imágenes originales por las nuestras:

<style type='text/css'>
.email-post-icon { /* makes an 18x18 box */
background: transparent url(URL_iconoMail) no-repeat left center;
padding: 9px;
margin: 0;
}
.quick-edit-icon { /* makes an 18x18 box */ 
background: transparent url(URL_iconoEdicion) no-repeat left center;
padding: 9px;
margin: 0;
}
</style>

No es seguro que funcione en todos los blogs pero, en mi caso ha servido.

Esperemos que esto se resuelva pronto porque no hay muchas alternativas para editar posts y encontrarlos puede ser una tarea imposible.