Recuperar el lapiz de edicion y el sobre de enviar entradas

Hace tiempo que en algunas plantillas de Blogger han desparecido las imágenes del lápiz para editar las entradas directamente y del sobrecito de enviar entradas por correo electrónico.
Como ya digo, esto no sucede en todas las plantillas y en las que sucede puede ser que falten los dos iconos o solamente uno de ellos.

Hace tiempo que desde Vagabundia, JMiur nos aportaba una solución para este problema, solución que por cierto, llevo tiempo usando en mi blog para poder mostrar el sobrecito en cuestión.
Hoy he decidido publicarla en El Escaparate, porque no se si es casualidad, o que Blogger vuelve a tener problemas con estos iconos, pero llevo dos días recibiendo correos sobre el tema...

[1] Si lo que necesitamos es recuperar el lápiz de edición de entradas, colocaremos este código justo antes de </head>:

<style type='text/css'>
.quick-edit-icon { /* makes an 18x18 box */
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrihi2LQ-2DwYXOVrvznZGlRbHLxy2EGZ0KK5eOpuesRz3fie67bvHVZG988lLDHlOEtnlp7-zXFQbukh7T59-Eztl1FI46fgySD4R9uq3eKwXsiLTDl22GkoJFhHUA183UeZPrBSwE_wh/s320-r/icon18_edit_allbkg.gif) no-repeat left center;
padding: 9px;
margin: 0;
}
</style>

[2] Para recuperar el sobrecito de enviar entradas por correo el código que tendremos que colocar en el mismo lugar, será este:

<style type='text/css'>
.email-post-icon { /* makes an 18x18 box */
background: transparent url(http://img177.imageshack.us/img177/9973/icon18emailxj4.gif) no-repeat left center;
padding: 9px;
margin: 0;
}
</style>

[3] Si son los dos iconos los que vamos a recuperar, colocaremos el código en el mismo lugar así:

<style type='text/css'>
.email-post-icon { /* makes an 18x18 box */
background: transparent url(http://img177.imageshack.us/img177/9973/icon18emailxj4.gif) no-repeat left center;
padding: 9px;
margin: 0;
}
.quick-edit-icon { /* makes an 18x18 box */
background: transparent url(http://img170.imageshack.us/img170/6149/icon18editallbkgph9.gif) no-repeat left center;
padding: 9px;
margin: 0;
}
</style>

Más información en Vagabundia.


Actualización:

Parece ser que debido a nuevos cambios en el código de las plantillas de Blogger, esta forma de recuperar el lápiz de edición y el sobre de enviar entradas, no está dando resultados en algunas plantillas, así que habría que cambiar el antiguo código por el nuevo:

[1] Localizamos el código que corresponde al lápiz de edición antiguo:

<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<span class='quick-edit-icon'>&#160;</span>
</a>
</span>
</b:if>
</b:includable>

Y tendremos que cambiarlo por este otro:

<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='&quot;item-control &quot; + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>


[2] Localizamos ahora el antiguo código del sobre de "enviar entradas":

<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>

<span class='email-post-icon'>&#160;</span>
</a>
</span>

Y cambiamos el código por el nuevo:

<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>
</a>
</span>