Una forma popular de aceptar donaciones en blogs es aquella con la famosa frase “cómprame un café” (buy me a coffe) o bien, “cómprame una cerveza” (buy me a beer) al final de cada post. Tanto que incluso existe un plugin para incorporarlo de forma rápida a wordpress y ahora tratare de explicar como implementarlo en un blog de Blogger.
- Entra a la pestaña “Plantilla”, después a la opción “Edición HTML” y activa el botón “Expandir plantillas de artilugios” (importante).
- Ahí busca el siguiente código:
<p class='post-footer-line post-footer-line-3'/>
Nota: Sí no encuentras búscalo sin la diagonal (/) del final.
- Justo abajo pega lo siguiente:
<b:if cond='data:blog.pageType == "item"'>
<div class="donaciones">
<form method="post" target="paypal" action="https://www.paypal.com/cgi-bin/webscr">
<input type="hidden" value="_xclick" name="cmd"/>
<input type="hidden" value="email@tumail.com" name="business"/>
<input type="hidden" value="" name="return"/>
<input type="hidden" value="Comprame un cafe" name="item_name"/>
<input type="hidden" value="" name="currency_code"/>
<input type="hidden" value="" name="amount"/>
<input type="image" align="left" alt="Cómprame un café" class="imgdon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjD1CxR2_mRVSbX333PTNQeP1FqF7BrdV-xFcnldKRbYYYgT-gE19Qs9xkmeD3C-kAbpPHJP4KlbplpYzcokvfogLstk6mEms2l5A0XKIOiMpkLMBxtma2rWxYCsC3Z3jSB4zm-7fIcNk/s1600/Coffee+Time-32.png"/>
</form>
<a target="paypal" href="https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business=email@tumail.com&currency_code=&amount=&return=&item_name=Comprame+un+Cafe+para+seguir+escribiendo">Si te gusto este post cómprame un café</a>
</div>
</b:if>En ese código sustituye mail@tumail.com por el mail de tu cuenta paypal y opcionalmente puedes sustituir el link de la imagen “Coffee%2BTime-32.png” por el link de la imagen que prefieras.
- Ahora busca ]]></b:skin> y justo antes pega los siguientes estilos:
/* DONACIONES */
/* Estilo del contenedor */
.donaciones {
border-top:#CCCCCC solid 1px;
border-bottom:#CCCCCC solid 1px;
margin:15px auto;
padding:10px 0px;
width:95%;
}
/* Estilo del enlace */
.donaciones a {
text-decoration:none;
}
/* Estilo de la imagen */
.donaciones .imgdon {
margin:-5px 5px 0 0;
}Si sabes algo de CSS puedes editar estos estilos a tu gusto.
- Guarda los cambios y ¡listo! El resultado final es como se muestra en la imagen de arriba.
Este tema de las donaciones es controvertido para algunas personas que llegan a catalogarlo como “cibermendigar”. En lo particular no tengo nada en contra de esto y por el contrario hasta podría implementarlo en un futuro aquí. Si tu generas algo útil y alguien esta dispuesto a agradecerte de forma monetaria no veo el porque de la indignación, finalmente, la información es también es un producto.
No hay comentarios:
Publicar un comentario