Recibir donaciones en Blogger
Enero 29th, 2008 | Publicado por Francisco en Blogger, Tutoriales | 37 Comentarios
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="http://bp1.blogger.com/_Zuzii37VUO4/R57aKlcfGgI/AAAAAAAAChg/rBhrCfjdZBs/s1600/Coffee%2BTime-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.




Enero 29th, 2008 a las 6:39 am (#)
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
Enero 29th, 2008 a las 9:39 am (#)
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.
Enero 29th, 2008 a las 10:57 am (#)
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!!!.
Enero 29th, 2008 a las 2:29 pm (#)
Exclente Manual
concuerdo contigo en lo de que si generas algo util, por que no agradecerlo de esta forma.. Gracias por la informacion.
Saludos
Enero 29th, 2008 a las 2:58 pm (#)
lo intente y no me funciono =/
Enero 29th, 2008 a las 5:38 pm (#)
Me agradó esto, lástima que no tengo paypal. T_T
Enero 29th, 2008 a las 8:26 pm (#)
no me funciono, ademas de que no tengo paypal
Enero 29th, 2008 a las 9:30 pm (#)
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!
Enero 29th, 2008 a las 10:30 pm (#)
esto es lo que hace aparecer dentro del blog y no en la página principal?
Enero 29th, 2008 a las 10:38 pm (#)
data:blog.pageType == “item”
Enero 30th, 2008 a las 3:42 am (#)
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
Enero 30th, 2008 a las 10:45 am (#)
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!
Enero 30th, 2008 a las 7:54 pm (#)
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!
Enero 30th, 2008 a las 8:11 pm (#)
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
Enero 30th, 2008 a las 8:17 pm (#)
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!
Enero 30th, 2008 a las 9:52 pm (#)
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.
Enero 31st, 2008 a las 2:46 am (#)
Que tal muchas gracias por la respuesta pero… la pagina gemablog.com ya no esta =S
Enero 31st, 2008 a las 3:30 pm (#)
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.
Febrero 1st, 2008 a las 12:57 am (#)
aun esta
Enlace: http://gemablog-.blogspot.com/
Febrero 1st, 2008 a las 2:48 pm (#)
muy bueno, de seguro que lo pondré, prefiero poner eso que saturar a mis visitantes con anuncios y popups que molestan
Febrero 1st, 2008 a las 4:17 pm (#)
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
Febrero 1st, 2008 a las 4:23 pm (#)
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?
Febrero 1st, 2008 a las 7:09 pm (#)
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
Febrero 1st, 2008 a las 8:44 pm (#)
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!
Febrero 1st, 2008 a las 11:22 pm (#)
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
Febrero 10th, 2008 a las 10:36 pm (#)
como se puede modificar en paypal los montos de las donaciones ?
Febrero 13th, 2008 a las 11:01 am (#)
Muy útil este post.
Quisiera saber cómo puedo cambiarle el tipo de moneda. Por defecto sale USD, quisiera cambiarlo a Euro.
Gracias!
Marzo 1st, 2008 a las 2:12 pm (#)
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
Marzo 5th, 2008 a las 2:23 am (#)
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.
Marzo 9th, 2008 a las 3:50 am (#)
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
Marzo 23rd, 2008 a las 9:27 pm (#)
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.
Abril 18th, 2008 a las 8:05 am (#)
A que buena onda jejejeje
grax camarada, saludos!
Mayo 6th, 2008 a las 3:12 pm (#)
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
Mayo 10th, 2008 a las 6:29 pm (#)
espero que alguien me done un par de anillos de boda de 720 dolares me caso con yesenia
Mayo 15th, 2008 a las 2:10 am (#)
Ahora la pestaña “Plantilla” la encuentran como “Diseño”.
Saludos!
Junio 11th, 2008 a las 5:59 pm (#)
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.
Junio 27th, 2008 a las 7:06 pm (#)
Muy buen manual. Una maravilla