¡Invítame a un café!

Son varias las personas que me han preguntado últimamente sobre la forma de añadir al final de las entradas, la posibilidad de solicitar una donación vía Pay-Pal.

He visto en algunos blog que colocan la frase "si te gustó esta entrada, invítame a un café" al final de cada entrada, la mayoría de las veces acompañada por un icono.


Invítame a un café


[1] En nuestro panel desde Edición HTML y marcando la opción de "Expandir las plantillas de artilugios" localizamos esta línea de código:
<p class='post-footer-line post-footer-line-3'/>

Dependiendo de la plantilla, podría aparecer de esta otra manera:
<div class='post-footer-line post-footer-line-3'/>

[2] Justo después de esa línea, añadimos este código:
<b:if cond='data:blog.pageType == "item"'>
<br/><img src="http://3.bp.blogspot.com/_8PJ-pgoBhWQ/SicQ0oE7NwI/AAAAAAAAG4k/qZQ3hVqZLwg/s320/Coffee+Time-32.png" /><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&amp;business=TU_EMAIL_AQUI&amp;item_name=Invítame a un café!&amp;no_shipping=1&amp;cn=Comentarios%20%28opcional%29&amp;tax=0&amp;currency_code=EUR&amp;lc=ES&amp;bn=PP%2dDonationsBF&amp;charset=UTF%2d8">Si te gustó esta entrada, invítame a un café!</a><br/>
</b:if>

[3] Sustituimos donde dice "TU_EMAIL_AQUI" por la dirección de correo con la que nos hemos registrado en Pay-Pal.

El widget no será visible en la página principal, para que sea visible en todas las páginas, eliminamos la primera línea del código (<b:if cond='data:blog.pageType == "item"'>) y el cierre del final (</b:if>)

La url para el icono del ejemplo ya está incluida en el código, para usar un icono personalizado, cambiamos esa url por la del nuestro.

Os dejo alguna "tacita" más que he encontrado:

Café icono  Café icono1  Café icono2  Café icono3  Café icono4

0 comentarios:

Publicar un comentario