Tutorial: Coloca el botón "Me Gusta" de facebook en tus entradas de blog

Por @EVDani 



Hola, ¿Cómo están? espero que bien. Hoy les traigo un tutorial muy pero muy fácil, para agregar el botón  "Me Gusta" de facebook en cada una de sus entradas. ¿Les gusta la idea?

Siiiiiiiiiiiiii, que bien. Bueno, es importante que pongan este botón en sus blogs, así como nosotras lo hemos puesto en BB, ya que con esto aumentarán el trafico de sus blogs, más gente acudirá a leer sus entradas y también tendrán una noción de si a la gente les gusta lo que están posteando. En fin... Vamos con el tutorial.


Es tan simple que terminaremos en un abrir y cerrar de ojos, lo primero que deben hacer es ir a la configuración de su blog a la parte de HTML y denle click a "Expandir Plantillas de Artilugios"



Luego buscarán uno de los siguientes códigos con el botón Ctrl +F si:

1) Si quieren que el botón quede al final de la entrada busquen este.
<div class='post-footer-line post-footer-line-1'> 

2) Si quieren que aparezca arriba como nosotras, busquen este otro.
<div class='post-header-line-1'/>
o el  primer <div class='post-header'>
Y debajo de cualquiera de esos dos, pegarán este código del botón de facebook.


<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url+ &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;height=40&amp;action=like&amp;font=tahoma&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px'/>

Y LISTO, Vieron que era fácil. Me cuentan como les va y si quieren algún tutorial en especifico me avisan en un comentario

PD: Para los que tienen WP pueden usar el tutorial de esta página que encontré acá

Nos vemos





CONVERSATION

34 ya son Blogger@s:

  1. Hola:
    Me gustaría saber como pones "Quizás le interese" al final de cada post con un link para las publicaciones anteriores.
    Gracias de antemano

    ResponderEliminar
  2. Hola Eduardo ese tutorial ya lo tenemos si entras a todo para tus blogs ahí esta, este es el link directo para poner eso que tu quieres, saludos

    http://www.bebloggera.com/2011/04/relaciona-tu-blog-con-miniaturas.html

    ResponderEliminar
  3. busque los codigos en mi plantilla pero me dice que no hay coincidencias, es eso posible? que puedo hacer?

    ResponderEliminar
  4. hola Carolina, trata ahora, teníamos problema con el generador del código ahí lo cambiamos, gracias por comentarnos si no no nos hubiésemos dado cuenta, si aun así sigues con el problema busca algún código parecido como por ejemplo en el primero

    line post-footer-line-1

    saludos nos cuantas si te resulto

    ResponderEliminar
  5. Hola!! lo intente nuevamente ahora si encuentro el codigo pero igual no me resulta cuando guardo la plantilla me sale este mensaje

    No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
    Mensaje de error de XML: The reference to entity "layout" must end with the ';' delimiter.

    ResponderEliminar
  6. Estimada Caro, que raro, pero si te sale eso es porque en una de las veces que pegas o copias códigos tiene que haberse o corrido o borrado uno de las entradas y salidas, abrir y cerrar como este que es abrir , de todas formar te dejamos el link de donde nosotros modificamos el código, en esta pagina el botón es un poco mas chiquitito que en el código de nosotros, prueba si te resulta en http://ciudadblogger.com/2011/01/agregar-el-boton-me-gusta-de-facebook.html

    SAludos amiga

    De todas formas haré el tutorial en uno de mis blogs para ver si pasa eso que a ti :S

    ResponderEliminar
  7. A mí me pasó lo mismo que Carolina. Me pone el mismo mensaje que a ella. Veré si lo puedo solucionar. Un beso!

    ResponderEliminar
  8. Chicas, he cambiado el código para ver si les resulta ahora, recuerden seguir bien las instrucciones, darle a expandir plantillas de artilugios y luego buscar cualquiera de los dos códigos donde quieren que aparezca el botón, el primero que encuentre, justo después de ese código y después de el > apretar enter para generara espacio y evitar que se les borre código y salgan errores unos 3 enter para hacer espacio para abajo y ahora en ese espacio pegan el código del box, yo ya lo probé y me resulto en mi blog, así que debería resultarles recuerden que es para blogger

    ResponderEliminar
  9. Hola, me has sido de gran ayuda... pero no entiendo como puedes poner el botón en la parte de arriba, a mí me aparece hasta abajo :(

    ResponderEliminar
  10. HOLa Nina , busca este código div class='post-header'

    el primero que encuentre, abajo de ese pega el código ahí te debería salir arriba como nosotras
    besos

    ResponderEliminar
  11. Cierto!! XD es lo malo de no poner atención si ahi lo pone muy claro!! X3 perdón por la molestia!! :$

    ^_^ Gracias por responder!!

    ResponderEliminar
  12. Nice!!!! muy bueno el post... soy nuevo en lo de blogguear y eh encontrado esta pagina que me esta ayudando muchisimo....

    ResponderEliminar
  13. que bueno chocolatee para eso estamos pasa por lapagina de tutoriales para blogger  http://www.bebloggera.com/p/todo-para-tus-blogs.html

    ResponderEliminar
  14. HOla Si Ahi quiciera saber como poner el  boton me gusta pero  de mi propia pagina de facebook please

    ResponderEliminar
  15. y como poner tambien el de twitter ?

    ResponderEliminar
  16. Funciono a la primera. Perfecto! Gracias por compartir.

    ResponderEliminar
  17. Revisa este link! Ahí te enseña a integrar con twitter de una manera muy simpática.
    http://www.bebloggera.com/2011/07/tutorial-el-pajarito-de-twitter-volando.html

    ResponderEliminar
  18. Genial, ya lo tengoooo!!!

    ResponderEliminar
  19. De nada! Puedes seguir revisando los tutoriales para que mejores tu Blog ;)

    ResponderEliminar
  20. Que bien que te funciono perfecto, puedes seguir revisando los tutoriales en la página.

    ResponderEliminar
  21. Hola! yo tambien he colocado el boton en mi blog, a medias entre tus instrucciones y las propias de facebook, pero tengo un problema...una vez haces click en el me gusta de una entrada, lo considera general, todas las demas entradas se quedan en gris, como si ya hubieras hecho me gusta en todas... alguna idea para solucionarlo?
    Gracias de antemano!

    ResponderEliminar
    Respuestas
    1. Trata de implementar este tutorial, ya que nosotras en el blog tenemos este botón y no nos pasa lo que dices tu. No sabría decirte porque es que pasa lo que dices, pero a veces facebook nos da tutoriales para páginas estáticas y a lo mejor esta haciendo que le des me gusta a la pagina o blog y no a la entrada, por eso seguramente te aparecen que ya hiciste me gusta en todas

      Eliminar
    2. Ok! lo he hecho, pero me sigue pasando lo mismo :(
      No se donde puede estar el fallo. En fin, iré investigando por el facebook developers, a ver qué encuentro.
      Gracias de todos modos!!

      Eliminar
  22. Gracias... hace rato ya lo andaba buscando, ahora el problema es que me sale 2 botones me gusta uno arriba y el otro abajo (fue el que puse primero) ahora quiero que me ayudes a sacar el botón de abajo si es posible?? gracias por su atención...

    ResponderEliminar
  23. Hola! que gusto, primero felicitart por el blog.
    mi duda: Yo he puesto este plugin a mis entradas blogger, pero al pulsar "MeGusta" me pide confirmar :/ ... quisiera saber porque aparece ello :(

    ResponderEliminar
  24. Buenos dias
    Felicidades por el blog, es de gran ayuda.
    Al poner el codigo en mi blog, al pulsar me gusta me pide confirmar antes de publicar-lo en facebook, cos que en vuestro blog no pasa me podrias ayudar por favor

    ResponderEliminar
  25. muy buen tutorial ! gracias !
    www.camellafashionblog.blogspot.com

    ResponderEliminar
  26. Excelente el tutorial, me sirvio un montoon ,mil gracias!
    Saludos desde http://fashiondetectorperu.blogspot.com

    ResponderEliminar
  27. Me gustaria poner un link para que el visitante comparta la entrada en su facebook

    ResponderEliminar
  28. Jo lo he hecho con varios tutoriales y no me hace ningun cambio...porque puede ser?
    Gracias por tus tutoriales,Feliz año!!

    www.27forever.es

    ResponderEliminar
  29. ME pasa lo mismo que Rocio...tampoco me resulta...podrían actualizar la información a este año, el diseño de planilla de blogger cambió y creo q eso puede ser el problema

    ResponderEliminar

Todo comentario que no tenga relación con el post o sobrepase los límites de la libre expresión, será moderado y no saldrá publicado.

Back
to top