domingo, 21 de septiembre de 2008

Recibir donaciones en Blogger

Via blogandweb

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.


donaciones-blogger.png



  1. 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).


  1. 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.

  2. Justo abajo pega lo siguiente:
    <b:if cond='data:blog.pageType == "item"'>

    <div class="donaciones">
    &lt;form method=&quot;post&quot; target=&quot;paypal&quot; action=&quot;https://www.paypal.com/cgi-bin/webscr&quot;&gt;
    &lt;input type=&quot;hidden&quot; value=&quot;_xclick&quot; name=&quot;cmd&quot;/&gt;
    &lt;input type=&quot;hidden&quot; value=&quot;email@tumail.com&quot; name=&quot;business&quot;/&gt;
    &lt;input type=&quot;hidden&quot; value=&quot;&quot; name=&quot;return&quot;/&gt;
    &lt;input type=&quot;hidden&quot; value=&quot;Comprame un cafe&quot; name=&quot;item_name&quot;/&gt;
    &lt;input type=&quot;hidden&quot; value=&quot;&quot; name=&quot;currency_code&quot;/&gt;
    &lt;input type=&quot;hidden&quot; value=&quot;&quot; name=&quot;amount&quot;/&gt;
    &lt;input type=&quot;image&quot; align=&quot;left&quot; alt=&quot;C&oacute;mprame un caf&eacute;&quot; class="imgdon" src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjD1CxR2_mRVSbX333PTNQeP1FqF7BrdV-xFcnldKRbYYYgT-gE19Qs9xkmeD3C-kAbpPHJP4KlbplpYzcokvfogLstk6mEms2l5A0XKIOiMpkLMBxtma2rWxYCsC3Z3jSB4zm-7fIcNk/s1600/Coffee+Time-32.png&quot;/&gt;

    &lt;/form&gt;
    &lt;a target=&quot;paypal&quot; href=&quot;https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&amp;business=email@tumail.com&amp;currency_code=&amp;amount=&amp;return=&amp;item_name=Comprame+un+Cafe+para+seguir+escribiendo&quot;&gt;Si te gusto este post cómprame un café&lt;/a&gt;
    </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.

  3. 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.

  4. 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: