English Português

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

  3. 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;http://bp1.blogger.com/_Zuzii37VUO4/R57aKlcfGgI/AAAAAAAAChg/rBhrCfjdZBs/s1600/Coffee%2BTime-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.

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

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

Escrito por Francisco Oliveros

Soy un gran aficionado del diseño y de todo lo que el código puede comunicar. Ingeniero mecánico por profesión, pero dedicado al desarrollo web a tiempo completo.

Blog / Twitter

Artículos relacionados

Sigue leyendo consejos, tips y tutoriales para tu blog.

Comentarios

  1. pedro / Hace 6 años /

    magnífica idea

    hubo un tipo en EE.UU que ganó un pastón con una cosa parecida, solo que el a cambio de la donación hacía una especia de “cuadro” con imágenes y además incorporaba cuanto dinero le quedaba para su objetivo (que no se exactamente cual era económicamente hablando)

    quizás lo implemente

    un saludo
    pedro

    Responder a pedro →
  2. CARLOS / Hace 6 años /

    Hola!
    Este truco esta genial… pero la verdad es que soy muy reacio a lo desconocido y mas tratandose de dinero,quiero decir lo de la cuenta paypal es seguro? como abrir una cuenta Paypal? como funciona?
    Podrias hacer una entrada explicando el funcionamiento de Paypal.
    Gracias.

    Responder a CARLOS →
  3. canido / Hace 6 años /

    hola me parece interesante el post si tubieras esa opcion de seguro q ya te habria comprado un cafe XD.

    Pues me parece interesantes ha por cierto cambiaste de plantilla, ha una pregunta.

    ¿Como agregabas numeracion de paginas en la anterior plantilla?

    espero tus respuestas, y bueno agradecer por las plantillas que tienes aqui soy nuevo en esto de blogger y tome una plantilla de aqui checala mira como quedo.

    http://eslatuty.blogspot.com

    saludos!!!.

    Responder a canido →
  4. Luis / Hace 6 años /

    Exclente Manual :) concuerdo contigo en lo de que si generas algo util, por que no agradecerlo de esta forma.. Gracias por la informacion.

    Saludos

    Responder a Luis →
  5. BeToZ / Hace 6 años /

    lo intente y no me funciono =/

    Responder a BeToZ →
  6. Fire_tony / Hace 6 años /

    Me agradó esto, lástima que no tengo paypal. T_T

    Responder a Fire_tony →
  7. ecuaworld / Hace 6 años /

    no me funciono, ademas de que no tengo paypal

    Responder a ecuaworld →
  8. Francisco / Hace 6 años /

    Cual fue su problema?

    Recuerden que el aviso solo aparece en las páginas individuales de las entradas y no en la página principal, etiquetas y archivos porque sería muy repetitivo.

    Las cuentas paypal son gratis y de hecho ni si quiera es necesario tener tarjeta de crédito. En cuanto a seguridad pues al menos yo no he tenido problemas. Pueden ver más sobre las cuentas directamente desde paypal.com

    Saludos!

    Responder a Francisco →
  9. observadorweb / Hace 6 años /

    esto es lo que hace aparecer dentro del blog y no en la página principal?

    Responder a observadorweb →
  10. observadorweb / Hace 6 años /

    data:blog.pageType == “item”

    Responder a observadorweb →
  11. Ricardo / Hace 6 años /

    Que tal, felicidades por su blog… saben tengo una duda… en blogger es posible meter algo asi como el espacio que utilizan ustedes para el codigo… ya se que es con code y /code… pero como se podria personalizar más.. o incluso poner algo como el de xyberneticos donde introduce los codigo en el plain text? gracias

    Responder a Ricardo →
  12. Josy / Hace 6 años /

    Hola!
    Mi pregunta no tiene mucho que ver con la entrada, pero espero puedas ayudarme…
    Lo que pasa es que en unos de mis blog los comentarios se muestran sobre la entrada… No se como configurarlo para que se muestren abajo…

    Espero tu ayuda.
    Gracias!

    Responder a Josy →
  13. Francisco / Hace 6 años /

    observadorweb, efectivamente, esa linea y la última son las que hacen aparezca solo en las páginas individuales de los post. Si se elimina ya saldrán en todas las páginas, pero es poco usual y muy estorboso a mi parecer.

    Ricardo, si es posible hacer algo como lo de este blog, en gemablog.com podrás encontrar como.

    Josy, puedes mover los elementos desde el panel de “elementos de página” en blogger, dando clic en editar en la sección de entradas.

    Saludos! :)

    Responder a Francisco →
  14. Pancho / Hace 6 años /

    Hola amigos de Blog and web

    quisiera una pequeña ayuda.
    Resulta que somos una pequeña empresa de diseño grafico y audiovisual que desde hace un tiempo creamos un blog, atravez del blogger. El otro dia nos metimos a cambiar las plantillas estaticas y por definicion que te ofrece el blogger y llegamos a vuestra pagina. Por concepto de ejemplo, instalamos una que se llama blogy rosa, reemplazando la anterior, pero ahora no podemos llegar al codigo para modificarla o bien personalizarla, como lo podiamos hacer antes.
    Si alguien nos puede ayudar, seria genial

    muchas gracias, y estamos a la espera de alguna respuesta

    saludos desde chile

    Francisco Gonzalez
    Audiovisualista

    Responder a Pancho →
  15. Francisco / Hace 6 años /

    Francisco, como bien dices el código cambio mucho en Blogger, la mejor ayuda que puedes encontrar es la documentación que ofrece blogger en sitio oficial y algunas referencias con temas más particulares las encuentras en nuestras preguntas frecuentes

    Saludos!

    Responder a Francisco →
  16. Nemmessis / Hace 6 años /

    Te invito a que partisipes en el concurso para ganarte un iPod Touch, entra aqui http://piracyandmore.blogspot.com/2008/01/video-del-anticristo-vs-fanaticos.html y por favor ponme como tu fuente, gracias.

    Responder a Nemmessis →
  17. Ricardo / Hace 6 años /

    Que tal muchas gracias por la respuesta pero… la pagina gemablog.com ya no esta =S

    Responder a Ricardo →
  18. Lu! / Hace 6 años /

    Para todos los que preguntaban si PayPal es seguro, les cuento que mi experiencia con ellos es muy buena, así que por mi parte, lo recomiendo.

    Responder a Lu! →
  19. observadorweb / Hace 6 años /
    Responder a observadorweb →
  20. socram_v / Hace 6 años /

    muy bueno, de seguro que lo pondré, prefiero poner eso que saturar a mis visitantes con anuncios y popups que molestan

    Responder a socram_v →
  21. Fernando / Hace 6 años /

    Francisco.
    Ya lo puse en mi blog de pruebas y si quedo bien.
    Tengo una duda:
    Una ves que estas en la pagina de Pay pal, al lado derecho hay un pequeño recuadro donde dice ¿Ya tiene una cuenta PayPal?
    Necesito de tener una cuenta en el mismo? o no es necesario
    Gracias de antemano

    Responder a Fernando →
  22. Fernando / Hace 6 años /

    Perdón se me olvido mi otra duda en el segundo código donde dice email@tumail.com ese lo cambie por mi correo electrónico.
    Esta bien?
    Menciono eso por que en la pagina de Pay Pal dice también email@tumail.com. Yo pensé que iba a aparecer mi correo por que cambie la parte esa justo como lo señalaste tu.
    Hice bien el proceso?
    Por que sale lo q te comento?

    Responder a Fernando →
  23. socram_v / Hace 6 años /

    si tienes que cambiar en los dos sitios lo de ‘email@tumail.com’ por tu email real de paypal, lo de si hace falta tener cuenta… pues yo supongo que si, porque al ser un sistema de pago seguro dudo mucho que se pueda hacer ese tipo de transacciones sin autentificación, pero todo es probarlo

    Responder a socram_v →
  24. Francisco / Hace 6 años /

    Fernando, primero tienes que sacar un cuenta en paypal.com, esa cuenta se usa con alguno de tus mail que usas, pero claro, puede tener una contraseña. Una vez con un mail registrado como cuenta paypal, lo sustituyes dos veces en el código, donde sale “email@tumail.com”.

    Saludos!

    Responder a Francisco →
  25. canido / Hace 6 años /

    perfecto me funciono perfecto,ha por cierto tienen que cambiar 2 veces por su correo electronico de paypal, claro q tienen que crearse una cuenta en paypal..

    si te gusto mi comentario comprame un cafe :)

    Responder a canido →
  26. Alberto / Hace 6 años /

    como se puede modificar en paypal los montos de las donaciones ?

    Responder a Alberto →
  27. Reynier Matos Padilla / Hace 6 años /

    Muy útil este post.

    Quisiera saber cómo puedo cambiarle el tipo de moneda. Por defecto sale USD, quisiera cambiarlo a Euro.

    Gracias!

    Responder a Reynier Matos Padilla →
  28. fede / Hace 6 años /

    Hola… me gusto mucho la idea pero no lo puedo hacer andar…
    el codigo ya esta puesto pero no aparece nada, alguien me puede dar una mano?

    bohemio.uy@gmail.com

    elblogmedico.blogspot.com

    Responder a fede →
  29. Francisco / Hace 6 años /

    Para personalizar los montos o la divisa pueden obtener su código desde su propio cuenta paypal, entran y van a la opción de solicitar dinero, ahí buscan donaciones y siguen los pasos que les darán el código. Solo que la parte del código: input type=”image” agreguen: class=”imgdon” y align=”left” para que se visualice correctamente. Pueden tomar el código de arriba como guía.

    fede, recuerda que el mensaje solo se visualiza en la página individual de las entras y en ninguna otra.

    Responder a Francisco →
  30. Ricardo / Hace 6 años /

    Que tal amigo, sabes me interesa poner este codigo y otros mas pero el problema es que no encuentro “” en mi plantilla que puedo hacer? Gracias :lol:

    Responder a Ricardo →
  31. Joni B. / Hace 6 años /

    Che francisco como tendria que hacer para que se viera arriba de la linea de separacion una imagen como la que se ve en este articulo que dice donaciones via paypal via blogger, entendes lo que te digo.

    Responder a Joni B. →
  32. Neurox / Hace 6 años /

    A que buena onda jejejeje

    grax camarada, saludos!

    Responder a Neurox →
  33. katxirulo / Hace 6 años /

    hola necesito ayuda sk no se donde esta la pestaña plantilla ni encuentro ningun codigo asi, ayudadme x favor soy nuevo http://parkour-spain.blogspot.com/ esa es mi pagina contestadme a katxirulo93@gmail.com gracias

    Responder a katxirulo →
  34. jesus / Hace 6 años /

    espero que alguien me done un par de anillos de boda de 720 dolares me caso con yesenia

    Responder a jesus →
  35. Francisco / Hace 6 años /

    Ahora la pestaña “Plantilla” la encuentran como “Diseño”.

    Saludos!

    Responder a Francisco →
  36. antonio / Hace 6 años /

    Enhorabuena por este blog amigo.
    Soy un poco malo para esto del blog y he intentado utilizar esta forma de ganar algún dinerillo en vez de usar publicidad que me parece muy agresivo.
    Pero mi problema es el siguiente:
    el codigo: no me aparece por ningún lado en la edición html, aun teniendo los artilugios expandidos.

    Sin embargo el codigo: , si que está pero en la vista previa me sale un mensaje de error.
    Que hago mal?Podrias ayudarme?
    De todas formas vuelvo a felicitarte por tu blog.
    Muxas gracias.

    Responder a antonio →
  37. osunac / Hace 6 años /

    Muy buen manual. Una maravilla

    Responder a osunac →
  38. jonathan rafael / Hace 6 años /

    pero no me sale la imagen de arriba y lo hice tal como esta

    Responder a jonathan rafael →
  39. Yvan / Hace 6 años /

    He buscado en mi template, y no tengo la línea de código:

    <p class=’post-footer-line post-footer-line-3

    qué hacer entonces?

    salu2

    Yvan

    Responder a Yvan →
  40. Oscar / Hace 6 años /

    Yvan (o para quien le pueda servir):

    Tampoco me aparece esa línea, pero si esta:

    Seguí los demás pasos y parece que funciona, al menos si me aparece mi cuenta de PayPal.

    Tampoco me parece malo solicitar ayuda de ésta forma, para los que pasamos por una mala racha es una buena opción, además de los anuncios (que en mi claso nadie clickea, snif)

    A propósito, a mi no me compren un café, mejor comida para mis gatos.

    Responder a Oscar →
  41. Oscar / Hace 6 años /

    Otra vez yo, no se por qué no aparece la línea en mi comentario anterior. La vuelvo a poner:

    Todo lo demás es igual.

    Responder a Oscar →
  42. Oscar / Hace 6 años /

    Oye Francisco, en mis dos comentarios anteriores no aparece la línea que se debe buscar, voy a hacer el último intento de otra forma, no vayas a creer que es spam. Si quieres elimina mi 2º comentario.

    A ver, solo busquen:

    class=’post-footer-line post-footer-line-3

    antes y adelante de eso hay signos, pero creo que si los pongo no aparecen en mis comentarios, espero se entienda.

    Responder a Oscar →
  43. CARLOS / Hace 6 años /

    Hola a todos, la verdad me parece muy interesante en lo que se refiere captar donacion, alguien me puede ayudar como hacerlo, por que soy mienbro de una istitucion sin fines de lucro y estamos buscando donacion, para ayudar a la gente de bajos recursos economicos, en todas las areas, como ser:salud, educacion, medio ambiente, infraestructura, alimentacion, etc.

    De antemano les agradesco por su colavoracion,
    Muchas Gracias.
    por si se quieren contactar con la fundacion este es el correo electronico fundesi_@hotmail.com

    Responder a CARLOS →
  44. ThoMaS / Hace 5 años /

    BRO COMO LE HAGO.. A MI ME SALE
    <div class=’post-footer-line post-footer-line-3′ .. NO ME SALE EL <p class=’post-footer-line post-footer-line-3′.. AYUDAME COMPA..MI MSN ES THE_rASMUS_DYNASTY@MSN.COM ..ESPERO SU RESPUESTA..DE ANTEMANO MIL GRACIAS

    Responder a ThoMaS →
  45. soyregatas / Hace 5 años /

    Gracias por el dato.
    Necesito saber como se saca una cuenta de donación en PayPal. Ya tengo una cuenta de PayPal abierta.
    Por el consejo van 6 (seis) ayuditas en el AdSense.

    Responder a soyregatas →
  46. soyregatas / Hace 5 años /

    Tal vez no me expliqué bien…
    La cuestión es poner un widget de PayPal donate en mi blog.
    ¿De dónde lo saco?
    Van dos ayudas de AdSense más…

    Responder a soyregatas →
  47. Carlos / Hace 5 años /

    No puedo encontrar el codigo que dices!!
    Ya varias personas preguntan lo mismo y no respondes nada!!

    <p class=’post-footer-line post-footer-line-3

    Responder a Carlos →
  48. José Goyo / Hace 5 años /

    Hola amigo

    muy bien por la informació, en mi caso tengo hace ya un tiempo pero en blogia. no he querido cambiarme porque ya conocen el sitio, quiza seria negativo para los visitantes. Ahora me gustaria probor con las donaciones pero ¿Como lo haria en blogia?

    Responder a José Goyo →
  49. bancarrota / Hace 5 años /

    Hola oye precisamente yo acabo de abrir un blog, de pedir limosna por internet bueno no es que sea limosna es ayuda porque de verdad que traigo unos problemas bastante fuertes y pense si con mi trabajo y algo que pueda colectar por internet quizas pueda salir adelante de mis apuros.

    Por eso llegue a tu blog pero ya busque el codigo y no lo encuentro la verdad es que es la primera vez que hago una pagina o un blog pero no tengo ni idea de como hacerlo es mas solo pude averiguar que con paypal te cobran comision de 3.4 o 2.4% y cuatro pesos, entonces no se como te pueden donar menos de 10 pesos mexicanos.

    Bueno si me puedes ayudar con una donacion tuya via tecnologia te lo agradecere ayudame a crear un sitio en el cual pueda pedir ayuda aunque sea de 1 peso.

    Saludos dejo la direccion de mi blog por si alguien lo quiere visitar y darme ideas de como poder colectar dinero o donar dinero mucho lo agradecere.

    Responder a bancarrota →
  50. MG769 Blog / Hace 5 años /

    Gracias amigo por este aporte, te cuento que lo puse en practica hace 3 dias a modo de prueba, y hoy he vista con grata sorpresa u$s17 en mi cuenta, que al cambio de Argentina (1=3.81), me alcanza como para 6 o 7 cafés, je je!!!

    Saludos cordiales para todos, y nuevamente gracias por tan buenos aportes!!!

    MG769

    Responder a MG769 Blog →
  51. ramon / Hace 5 años /

    no me aparece ese codigo…

    solo tengo

    funciona igual??????

    mmmmmmmmm pues lo intento!!!!!!!! total que puede pasar??? nada……… si guardo la plantilla………

    Responder a ramon →
  52. manuel angel / Hace 5 años /

    quisieramos que nos ayudaran con donacion para una buena causa

    Responder a manuel angel →
  53. LUZ / Hace 5 años /

    todo esto es chevere pero quiero saber como funciona lo de cuenta para recibir donaciones, yo recibo las que sea.

    Responder a LUZ →
  54. juan / Hace 4 años /

    hola!! muy buen aporte. Te hago una pregunta,no encuentro elcodigo…solouno similar es este:
    ¿me ayudas?

    Responder a juan →
  55. juan / Hace 4 años /

    ese codigo solo me aparece…

    Responder a juan →
  56. Salvador Peraza / Hace 4 años /

    ¡Mendigar! ja ja que prejuicio, si llevar un blog es una gran tarea de administracion y sistematizacion, yo recien inicio el mio y no creo que sea mendigar pedir dinero, es mas bien ganar dinero con el sudor de tus “letras”. gracias por la informacion veré si puedo implementarlo.

    Responder a Salvador Peraza →
  57. momo / Hace 4 años /

    olle man eso lo puedes hacer directamente des de tu cuenta de paypal . solo tienes q crear un boton y desues q lo crees y lo configures te dan el codigo html solo lo copias y lo pegas en tu wedsite y ya esta :) sin tanto royo

    Responder a momo →
  58. prar / Hace 4 años /

    Por cierto, en México las cuentas de Paypal no permiten recibir donaciones, ha sido una gran desilución.

    Responder a prar →
  59. Jennifer Sierra / Hace 4 años /

    Hola Francisco,

    Muy interesante tu blog. En el trabajo me pusieron una mini investigacion para averiguar aparte de paypal, qué otras opciones se tienen para recibir donaciones en linea, quería saber si tu me puedes ayudar un poquito con esto, ya que Paypal es muy interesante pero no encuentro nada más parecido o un metodo bien innovador,

    Espero tu respuesta,

    Mil gracias

    Responder a Jennifer Sierra →
  60. Ulises / Hace 4 años /

    La verdad has sido muy equilibrado en tu opinión,y verdaderamente creo que aquellos que se esmeran en ofrecernos una información de provecho, en cualquier materia, pueden solicitar o no un apoyo de este tipo, porque a veces alguien nos brinda algo que no encontramos facílmente pero gracias a otros podemos llegarla a conseguir. Y la verdad podemos decir gracias de muchas maneras, porque no esta y en vez de llamarlo cibermendigo , porque no simplemente cibernauta no?… Saludos…

    Responder a Ulises →
  61. andres / Hace 4 años /

    oye men por mas que busco no encuentro el

    ya lo busque 5 veces y no lo encuentro porfavor dime como en que parte del articulo esta arriba abajo en medio

    AYUDA!!!!!!!!

    Responder a andres →
  62. Francisco / Hace 3 años /

    Francisco muy bueno tu post! Ya lo agregué al pie de mis entradas, muchas gracias y muy clara tu explicación!

    Abrazo

    Responder a Francisco →
  63. Leandro / Hace 3 años /

    te pagaria un café o una cerveza pero todavia no tengo un mango, buena info

    Responder a Leandro →
  64. Dámaris / Hace 3 años /

    Lo más parecido que he encontrado es.

    ¿ES ESO?

    Responder a Dámaris →
  65. Dámaris / Hace 3 años /

    lo más parecido que he encontrado es:

    <div class='post-footer-line post-footer-line1'<

    ES ESO?

    Responder a Dámaris →

Responder

¡Gracias por dejar tu opinión! Por favor procura que tus comentarios estén dentro tema, que no sean promocionales (spam), ilegales u ofensivos, de otro modo, serán borrados. Todos los enlaces serán moderados y la URL indicada NO será enlazada.

Blog and Web es un blog de Blógstica. Hospedado desde 2008 en Liquid Web.

Términos de uso - Política de privacidad