Añadir un boton para Ayuda Blogs en Blogger

Hace unos días os informaba del estreno de Ayuda Blogs un nuevo portal para enviar noticias relacionadas con la ayuda para blogs en cualquier plataforma.



Hoy me he enterado que desde Vinagre Asesino nos explican con todo lujo de detalles como agregar un botón de Ayuda Blogs en Wordpress para que cualquier usuario pueda enviar las noticias directamente desde el blog, eso si, como en cualquier agregador de este tipo, para poder enviar los artículos antes hemos de estar registrados.



He construido el código para usar el botón en Blogger usando la misma imagen de Vinagre Asesino, así que vamos a ver como añadir el botón de Ayuda Blogs en Blogger:

[1] En nuestro panel de Blogger nos situamos en "Edición HTML" y marcamos la casilla de "Expandir plantillas de artilugios" para localizar esta línea del código:



<div class='post-header-line-1'/>



[2] Justo antes de esa línea añadimos el código necesario para el botón de Ayuda Blogs:

<!--Boton Ayuda Blogs -->

<a expr:href='&quot;http://www.ayudablogs.com//submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Enviar a Ayuda Blogs'><img align='right' height='41' src='http://1.bp.blogspot.com/_8PJ-pgoBhWQ/SGvDw5VE41I/AAAAAAAAEAY/ZtWz5UIvwSQ/s320-R/ayuda-blogs.jpg' width='54'/></a>

[3] Usamos la "vista previa" y si todo está correcto, guardamos los cambios.

El botón se verá entonces al comienzo de cada entrada y a la derecha de la misma:

Para colocar el botón en la zona del post-footer (pie de entrada) tendríamos que añadir en la plantilla el mismo código, con la única diferencia, de que la línea de código a localizar sería esta otra y el código lo pegaríamos justo debajo de ella:



<div class='post-footer-line post-footer-line-1'>

Para mostrar el botón a continuación de los demás elementos del post-footer, borramos en el mismo código el align='right' y lo colocamos después de:



<div class='post-footer-line post-footer-line-3'>