English Português

facebook-me-gusta-blogger-wordpress

Facebook agregó nuevos "plugins sociales" que se pueden incorporar en cualquier sitio web, entre otras cosas, un botón de "Me gusta" a cualquier anotación. Este botón esta presente en todas las anotaciones publicadas en Facebook y ahora, disponible para sitios externos.

¿Ventajas? La primera es conocer que contenidos le agradan más a tus lectores y la segunda, que al pulsar en el botón, el lector la esta compartiendo inmediatamente en su perfil de Facebook y sin usar recursos propios.

Funcionamiento

El botón es más bien un iframe al que se le pasan por parámetros las características del elemento. El código es más o menos como sigue:

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fblogandweb.com%2F&amp;layout=button_count&amp;show_faces=true&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:100px; height:px"></iframe>

Los parámetros son:

  • href – Con la URL a compartir.
  • layout – Estilo del botón. Valores: standard o button_count
  • show_faces – Muestra o no el avatar de quienes del gusta la anotación. Valores: true o false.
  • width – Ancho del iframe.
  • action – Texto del botón. Valores like o recommend.
  • font – Fuente a utilizar.
  • colorscheme – Esquema de colores. Valores: light, dark o evil.

Estos valores se pueden cambiar directo en el código o usar el formulario de personalización de Facebook, el resultado es el mismo.

Agregar botón "me gusta" a Blogger

1. Ir al código de la plantilla y expandir artilugios.

Home → Diseño → Edición de HTML → Expandir plantillas de artilugios

2. Elegir el lugar a agregar el código. El lugar tradicional para hacerlo en el post-footer, es decir, al pie de cada entrada, entonces, se busca el código:

<div class='post-footer-line post-footer-line-1'>

Y abajo se agrega el siguiente código:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

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

</b:if>

El resultado es un botón como el siguiente:

Nota: Puede usarse post-footer-line-1 o cualquier otra en el footer. El código a agregar puede modificarse con los parámetros que se listaron en la parte de funcionamiento.

Agregar botón "me gusta" a WordPress

1. Para agregar el botón a cada entrada individual, se abre el archivo single.php del theme.

2. Ubicarse en el lugar donde se pretende aparezca el botón, el barra de marcadores sociales, el footer del post o abajo del título, por ejemplo. Y agregar el siguiente código:

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php the_permalink(); ?>&amp;layout=button_count&amp;show_faces=true&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:100px; height:px"></iframe>

El resultado:

Y lo mismo que en Blogger, al código pueden modificarse los parámetros, de acuerdo con la sección de funcionamiento.

Escrito por Francisco

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. m121 / Hace 661 días /

    Excelente recurso el que has puesto, es muy bueno unir el blog con las redes sociales y más por algo tan conocido por los usuarios de Facebook como el “me gusta”

    Responder a m121 →
  2. DrGEN / Hace 661 días /

    Muy buen tip Francisco!
    Ya voy a ver si lo implemento =)

    Fuerte abrazo desde Rosario!
    Lisandro

    Responder a DrGEN →
  3. Enrique Ulloa / Hace 661 días /

    Como comenté ayer en otro blog, también esto puede ser implementado en la plataforma Tumblr, cambiando el párametro que se pasa al href por “{Permalink}”.

    ¡Saludos!

    Responder a Enrique Ulloa →
  4. lucas / Hace 661 días /

    muy buen recurso!! voy a implementarlo en mi portal de musica junindance!!

    Responder a lucas →
  5. Enrique Ulloa / Hace 661 días /

    Francisco, ¿Notaste que el panel de fans de Facebook se comporta de forma extraña? En vez del botón “Hacerse fan” ahora aparece “Me gusta”. Miré en las opciones para crear un nuevo panel de fans, pero ahora en vez de un iframe proporcionan un código en Javascript que no parece funcionar. Si sabes algo me avisas.

    ¡Saludos!

    Responder a Enrique Ulloa →
  6. Francisco / Hace 661 días /

    @m121: Si es una ventaja, todo el que use facebook, sabe perfecto de que se trata.

    @DrGEN: Que tal Lisandro! Seguro lo usaran bastante en tu sitio (salvo los muy religosos :P ).

    @Enrique Ulloa: Muchas gracias por el aporte!

    Desde los plugins sociales si es distinto, pero el tradicional, aun se puede agregar sin problemas, creo, desde:

    http://www.facebook.com/facebook-widgets/

    Aunque igual cambio lo de “hacerte fan” por “me gusta”, ese cambio no me gusto jeje

    @lucas: Es bastante versátil el botoncito, espero no tengas problema.

    Responder a Francisco →
  7. Jose Luis Reyes C. / Hace 661 días /

    Excelente post para esta a tono con los cambios en Facebook.

    Exitos…. Gracias…..!

    Responder a Jose Luis Reyes C. →
  8. mauro / Hace 660 días /

    Hola Francisco! Buen post, como siempre. Se trata de una opción muy popular que seguramente será bienvenida. Ahora, tengo una consulta para hacerte sobre mi web personal, ¿tienes alguna dirección de correo donde pueda evacuar mi duda? Muchas gracias

    Responder a mauro →
  9. dany / Hace 660 días /

    muy buena opción, ya esta funcionando.
    destacar además que lo explicas muy bien y das los pasos a seguir para que nadie se pierda.
    Un saludo

    Responder a dany →
  10. Nicolas / Hace 658 días /

    Excelente post!!

    Ya veo este boton por toda la Web ;)

    Responder a Nicolas →
  11. LJK / Hace 658 días /

    veo que agarra la URL principal , no hay opcion para que tome el post en ves del Home?

    Responder a LJK →
  12. Henry Ramirez / Hace 657 días /

    gracias,justo lo que quiero que aparesca despues de leer la entrada,gracias

    Responder a Henry Ramirez →
  13. Francisco / Hace 656 días /

    @Jose Luis Reyes C.: Gracias a ti por el comment :)

    @mauro: Te agradezco si mejor la publicas en un post relaciona a tu pregunta.

    @dany: Gracias Dany :)

    @Nicolas: Es lo primero que pensé, seguro va a estar en todos lados en breve.

    @LJK: En el código uso the_permalink() el cual es página individual. Solo en el ejemplo de mi post es al dominio principal.

    @Henry Ramirez: Grancias Herny.

    Saludos!

    Responder a Francisco →
  14. Jaume Nebot / Hace 655 días /

    Te dejo este mensaje, aunque no se si este es el sitio adecuado para hacerlo, la cuestión es que he intentado bajarme el programa “ENotas” y el antivirus (el “Avast”) me avisa que contiene un troyano. Pienso que está bien que lo sepas.

    Responder a Jaume Nebot →
  15. Julia / Hace 655 días /

    Hola! gracias por el dato! Tenfgo una duda. Ya lo hice pero se genera entre entradas un margen bastante alto, porqué será?

    Gracias!!!

    Responder a Julia →
  16. Puzzle / Hace 655 días /

    hola Franciso enhorabuena por tu blog.. me ha servido de sobra viejo!! Esta de lujo.. muy currado. Me saca de apuros.. de hecho si tienes algun banner para enlazarte.. puedes pasarmelo cuando puedas!! asi te uno a mi blog.. la cuestion es que tengo un par de problemas con mi blog con respecto a facebook..
    1. cuando intento poner un bloque sobre mi pagina hecha en facebook, la vista previa no es la que deberia ser.. es decir no se ven los miembros y tal sino la pagina de facebook y de paso como si estuviera cerrada , nose si entiendes.
    y
    2. el otro problema gordo es improtar mi blog en dicha pagina de facebook.. he intentado con diferentes feeds pero NADA viejo.. a ti ambos temas te van de maravilla asi ke si me puedes ayudar en lo que sea se te agradece!!!
    Un saludo bro..

    Responder a Puzzle →
  17. Puzzle / Hace 655 días /

    @Julia: Hola Julia, me paso lo mismo que a ti.. BUENO pienso que fue eso lo que te ha pasado.. la cuestion es que debes asignarle una ALTURA.. eso lo haces con el comando: height:25px
    en mi caso yo le coloque height:25px luego de anchura (width:) te dejo abajo el ejemplo solo cambia la direccion de mi blog por el tuyo =)
    Saludos..

    Responder a Puzzle →
  18. Puzzle / Hace 655 días /

    @Puzzle: aqui el ejemplo del mio:
    (quito lo de <iframe porque luego no sale en el post)

    src="http://www.facebook.com/plugins/like.php?href=www.puzzlerules.blogspot.com&layout=standard&show_faces=true&width=450&action=recommend&font=verdana&colorscheme=light&quot; allowtransparency="true" style="border: medium none ; overflow: hidden; width: 300px; height:25px" scrolling="no" frameborder="0"

    Responder a Puzzle →
  19. Julia / Hace 655 días /

    @Puzzle:

    Gracias!!! de hecho el valor de altura ya figuraba pero sin número asignado, le puse 25 también, quedó perfecto!!!
    gracias!

    Responder a Julia →
  20. Puzzle / Hace 655 días /

    @Julia: Perfecto =) si ya me fije ^^ Mucho mejor.. Nada hombre estamos juntos en esto ;) No te pierdas que quiza luego necesitemos mas ayuda mutua xD jejeje. .

    Responder a Puzzle →
  21. Domenec / Hace 654 días /

    Muchas gracias, lo acabo de agreagr en mi blog a ver qué tal :)

    Responder a Domenec →
  22. bernardo / Hace 652 días /

    GRACIASSSSSSSSSS!!!!!!!!!!!!!!!!!1 sos un capo, hace como 2 semanas que ando buscando esto por todos lados..

    Saludosss

    Responder a bernardo →
  23. bernardo / Hace 652 días /

    Ahh una preguntita, le puse “true” al show faces, pero nunca aparecio la cara de nadie, como tampoco aparece en el ejemplo que das vos, se puede realmente hacer eso??

    Saludosss

    Responder a bernardo →
  24. bernardo / Hace 652 días /

    Y ya que estamos, completo las 3 preguntas jejeej.. tampoco me anda la cuenta?? No se acumulan los “Me gusta”, siempre me aparecen “1″ o “0″. Graciasss

    Responder a bernardo →
  25. Julia / Hace 652 días /

    A mi tampoco se me acumulan los “me gusta”, directamente no me aparece ningún número :(

    Responder a Julia →
  26. bernardo / Hace 648 días /

    Ahora parece que se acumulan, pero solo me aparece el me gusta cuando hago clic en la entrada, sabes como hacer para aparezca arriba de la entrada en la pagina principal, sin tener que entrar a la misma. Como en el blog http://www.quelapaseslindo.com.ar

    Graciaaas

    Saludosss

    Responder a bernardo →
  27. Diseñador / Hace 647 días /

    Hace un tiempo hadaba buscando una herramienta de este tipo pero las que encontraba funcionaban a medias, esta funciona merfectamente, gracias por el aporte.

    Responder a Diseñador →
  28. Udegbunam Chukwudi / Hace 647 días /

    @Puzzle: AHORA SI! Ya funciona muy bien. Gracias ;-)

    Responder a Udegbunam Chukwudi →
  29. miguel / Hace 645 días /

    No he conseguido ponerlo bien, me sale más arriba de lo que me gustaría en los estilos y poniendole lo de 25 pixeles de altura tampoco iba.

    Responder a miguel →
  30. Peeptoes / Hace 643 días /

    Hola! Gracias por la info.
    Sin embargo a mi me sale este enlace junto:

    Pongo el código detrás de “vcard’)” o detrás de line-1′)??

    lo pongo seguido o debajo? Me da miedo desconfigurar la plantilla…gracias!

    Responder a Peeptoes →
  31. Udegbunam Chukwudi | StrictlyOnlineBiz / Hace 642 días /

    @miguel: Este es mi configuration. Pueda funcionar pa’ ti


    <iframe src="http://www.facebook.com/plugins/like.php?href=&layout=button_count&show_faces=true&width=450&action=like&font=arial&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:300px; height:25px">

    Cheers

    Responder a Udegbunam Chukwudi | StrictlyOnlineBiz →
  32. Luciano / Hace 640 días /

    Muy pero muy bueno la verdad.
    Tenia una duda
    Se puede poner el ME GUSTA cuando uno entra al blog en cada entrada?
    Porque para verlo tengo que clickear en el titulo y entrar al posteo para ahi si verlo abajo
    ¿No se podra ver en cada entrada sin entrar en ella?
    Nose si me explico
    saludos y gracias :D

    Responder a Luciano →
  33. Udegbunam Chukwudi | StrictlyOnlineBiz / Hace 640 días /

    @Luciano: Si te entiendo bien lo quieres poner en el portada de tu blog. Para wordpress loq ue tienes que hacer es abrir index.php de tu theme, y poner el codigo de facebook antes de

    Pa’ blogspot, no se como lograrlo. Voy a intentar, si funciona, te aviso.

    Responder a Udegbunam Chukwudi | StrictlyOnlineBiz →
  34. Udegbunam Chukwudi | StrictlyOnlineBiz / Hace 640 días /

    @Luciano: WordPress quito el codigo. Queria decir antes de

    Responder a Udegbunam Chukwudi | StrictlyOnlineBiz →
  35. ulizes / Hace 637 días /

    Genial!! Muchas Gracias

    Responder a ulizes →
  36. chicho / Hace 634 días /

    genial! gracias!

    Responder a chicho →
  37. fidel056 / Hace 628 días /

    yo tengo un problema ami me sale en el home de la pagina pero cuando entro aver el resto de la entrada desaparece el boton.. alguien me ayuda..

    Responder a fidel056 →
  38. Udegbunam Chukwudi | StrictlyOnlineBiz / Hace 628 días /

    @fidel056: Parece que estas poniendo el codio en index.php en vez de single.php. Para que el codigo aparecza en el post individual, lo tienes que poner tambien en single.php.

    Responder a Udegbunam Chukwudi | StrictlyOnlineBiz →
  39. fidel056 / Hace 628 días /

    @Udegbunam Chukwudi | StrictlyOnlineBiz yo uso blogger.. y todavia me sigue dado el problema

    Responder a fidel056 →
  40. barn / Hace 626 días /

    A ver, a mi me va todo bien, pero quiero que salga el “me gusta” en la simple home del blog, no quiero tener que clickear para que se vea.

    Como lo hago? es blogger.

    gracias

    Responder a barn →
  41. nakho / Hace 623 días /

    yo tambien queria hacerlo asi…que el boton aparezca en cada entrada pero que se vea en el home…sin tener que entrar a cada una.
    para blogger…alguien sabe?

    Responder a nakho →
  42. fidel056 / Hace 623 días /

    Lo que tiene que haces en blogger es pegarlo en el Post-footer en una de las 3 lineas y listo

    Responder a fidel056 →
  43. nakho / Hace 623 días /

    ya lo peque en todos los lugares (post footer, 1, 2 y 3) y funciona bien, pero no aparece en el home…aunque lo ponga dentro del post sigue apareciendo cuando ingresas a la entrada.
    no se como hacerlo. y ademas, algunos botones me tiran error.

    Responder a nakho →
  44. barn / Hace 623 días /

    vale, yo ya lo he conseguido poner. En lugar de ponerlo en post footer, me parece q ay q ponerlo en footer-line o algo asi, es q no me acuerdo muy bien. En todo caso, mirad el código fuente de mi web.

    Responder a barn →
  45. Maxi / Hace 617 días /

    Hola, necesito lo mismo que muchos users expusieron anteriormente, necesito poner el boton “me gusta” en las entradas y q aparezcan en la portada del blog, y no solo ingresando a cada post. Alguien podria ayudarnos, donde deberiamos ubicar el codigo. Desde ya muchas gracias!

    Responder a Maxi →
  46. elias / Hace 610 días /

    hola amigo bueno ise todo lo que pusiste todo ok, pero cuando reviso en mi blog no aparece nada algo estare haciendo mal?? sabes la respuesta? dime xfa!!! espero me respondas rapido

    Responder a elias →
  47. Jorge Luis Barrera / Hace 608 días /

    Estupenda opción la que ha puesto Facebook!
    Jaja
    Genial, ya la puse y me funciona de maravilla, una vez más gracias!
    Saludos.

    Responder a Jorge Luis Barrera →
  48. Marcelo / Hace 603 días /

    Me gusto, gracias

    Responder a Marcelo →
  49. José Luis / Hace 601 días /

    Muchas gracias por la explicación para implementar el “me gusta” en blogger.

    Yo sólo tengo una pregunta, lo he puesto en mi página Pero si te fijas, como también tenía la aplicación para “compartir”, queda el “me gusta” desplazado una línea y resulta muy antiestético. No sé si podrías ayudarme a corregirlo…

    Responder a José Luis →
  50. Pablo / Hace 598 días /

    hola francisco muy buenos tus trucos bloggeros… te hago una consulta a mi me paso lo mismo que a barn… el boton me aparece dentro de la entrada… y quiero que quede en pie de pagina en la pagina principal, probe con el otro codigo que das pero no hubo caso, me tira error en la edicion html… ayuda por favor!
    Gracias!

    Responder a Pablo →
  51. Pama / Hace 594 días /

    Sencilla explicación y fácil aplicación.
    Gracias.

    Responder a Pama →
  52. Ignacio C. / Hace 592 días /

    mi plantilla no tiene este codigo:

    .. lo más cercano es este:

    .post-footer {
    margin: 0px 0px 0px 0px;

    sin embargo no me resulta .. hago todo lo que dice el tutorial y no resulta.

    Responder a Ignacio C. →
  53. Francisco / Hace 591 días /

    @Ignacio C. Expandiste artilugios?

    Responder a Francisco →
  54. cortos gay / Hace 578 días /

    hola, yo puse el codigo debajo del codigo de embed del video esta bien? por lo menos quedo el boton de me gusta.

    Responder a cortos gay →
  55. mercedes / Hace 572 días /

    Hola,como estas?
    mi pregunta es como has metido el facebook en tu blog, me refiero a la ultimo que tienes en esta pagina de Blog and Web en Facebook
    con las caras de los fans

    Responder a mercedes →
  56. rafa / Hace 570 días /

    Hola muchas gracias por el post la verdad q es buenisimo peeero te hago una pregunta, por q me queda tanto espacio entre publicacion desde q puse el ME GUSTA, la verdad es q queda demasiado espacio entre las notas y eso lo hace anti estetico y molesta ala vista me podrias ayudar un saludo

    Responder a rafa →
  57. ficus / Hace 566 días /

    Gracias! Aquí he encontrado la solución a mi problema. Gran blog!

    Responder a ficus →
  58. Moises / Hace 563 días /

    Me fué de mucha utilidad. Gracias…

    Responder a Moises →
  59. Daniela / Hace 562 días /

    Hola! Estoy teniendo un problema con el botón.
    Puedo agregarlo sin problemas pero me genera un espacio re deforme entre el botón y la fecha del post

    saben qué podrá ser?
    Gracias!

    Responder a Daniela →
  60. melissa / Hace 557 días /

    hola! me gusta tu blog! tengo una dudda, tengo una web en joomla y quisiera saber cual de esos coódigos que haz puesto arriba podria utilizar? o ninguno de esos serviria para joomla?! ojala puedas responderme!…gracias y exitos!

    Responder a melissa →
  61. Tony / Hace 557 días /

    Que mas mi pana, la publicacion esta buena pero lo agrego y solo sale el me gusta en toda la pagina completa y no por publicaciones, que puedo hacer para que seleccionen me gusta por pubilcaiones?? espero tu respuesta…

    Responder a Tony →
  62. Rudy / Hace 557 días /

    Saludos Francisco, primero déjame decirte que hace ya mucho tiempo que sigo tu blog de forma pasiva y gracias a tus post se a convertido en mi guía básica para Blogger. No tengo un blog pero pronto lo tendré.
    Pretenso usarlo de forma profesional y me preocupa mucho violar políticas de privacidad o derechos de autor en el uso de plantillas así que decidí usar una de las predeterminadas.
    Opte por usar una de las plantillas de diseño antiguas del 2006.
    Quiero agregar este botón así como el de share de Facebook y el de Retweet con sus contadores. Por lo que tengo que agregar los códigos en la sección de artilugios pero me da miedo que esto se considere como modificar la plantilla de Blogger lo cual esta prohibido según entiendo.

    Como les repito pretendo usar mi Blogger de forma comercial y no quiero tener problemas en años venideros por tecnicismos como este.

    ¿Alguien me podría ayudar a confirmar o negar esto?

    De ante mano muchas gracias y sigue adelante con tus grandes aportes.

    Responder a Rudy →
  63. David Esteban / Hace 554 días /

    Necesito poner esta aplicación en Google sites
    Es posible??
    Lo he intentado sin embargo al darle click con la aplicación ya lista en el sitio… dice que “Ha ocurrido un error con Facebook Platform Opt In”
    y que lo intente más tarde…

    Gracias por su ayuda

    Responder a David Esteban →
  64. Rec / Hace 544 días /

    Buenas… yo antes tenia el iframe y andaba barbaro. Pero quise pasarme a la opcion con Facebook Connect y la JavaScript SDK.

    Tenes idea como hacer para que funcione asi?

    Responder a Rec →
  65. Rosario / Hace 539 días /

    Demora en aparece el icono pues todavia no aparece “me gusta” ojalá puedas ayudarme amigo.
    Saluditos.

    Responder a Rosario →
  66. Lenin Puga / Hace 531 días /

    Hola que tal, ¿Como puedo agregar el cuadro de facebook donde aparecen las imagenes de las personas que les gustó el tema? me refiero al cuadro que tienes al final de tu blog.

    Saludos.

    Responder a Lenin Puga →
  67. luchOo / Hace 530 días /

    hola… yo quiero saber como hago para que en facebook los me gusta que se le hicieron a mi blog aparezcan –el nombre del post+ en + nombre del blog …porque en vez del nombre del blog me aparece la url …agradeceria mucho una respuesta :)

    Responder a luchOo →
  68. Mo3biuS / Hace 525 días /

    Gracias, quedo excelente en mi blog. Un abrazo.

    Responder a Mo3biuS →
  69. Louitz King / Hace 508 días /

    Hey gracias, pero quisiera saber porque mi nombre de autor aparece espaciado desps de que puse el me gusta en las entradas.

    Tambien quisiera saber como colocarlo en el panel lateral, y q aparezcan los contactos, gracias.

    Responder a Louitz King →
  70. Marie / Hace 505 días /

    Al colocar el código de like me aparecen enseguida 87 mil personas le gusta esto, no entiendo por que? gracias

    Responder a Marie →
  71. Juanopio / Hace 500 días /

    Una consulta, la aplicación me muestra sólo dos imágenes de quienes han hecho click en el botón y después pone en texto el número con el resto, o sea “A fulanito, menganito y a otras 10 personas mas les gusta esto”. Hay alguna forma de setear la cantidad de imagenes que muestra la aplicación o sólo queda así con 2?

    Responder a Juanopio →
  72. Sr Placebo / Hace 494 días /

    Me gusta.

    Responder a Sr Placebo →
  73. alberto / Hace 484 días /

    quiero poner en mi web lo de me gusta en FB pero busce el codigo y no me salio ayudame con eso graciass!!!!

    Responder a alberto →
  74. Glam Girl / Hace 482 días /

    Hola!
    Tengo un problema, puse el boton “me gusta” en mi blog debajo de cada entrada, pero no es individual de cada entrada, porque cuando cliqueas en una entrada, también “te gustan” todas las otras.
    Bueno si alguien me puede ayudar se los agradezco!!
    Me encanta este espacio, aprendo mucho.
    Gracias!

    Responder a Glam Girl →
  75. laucha / Hace 481 días /

    no me funcionó :(

    Responder a laucha →
  76. luis alberto / Hace 475 días /

    Pues te agradesco mucho la verdad es que es muy intersante lo de los botones pero he estado buscando la forma de hacerlo con youtube y no lo he encontrado. He visto en otras páginas como si aparece pero la verdad yo no he podido. Si pudieras ayudarme pues te agradesco.

    Responder a luis alberto →
  77. ed / Hace 473 días /

    hola, esta bueno el tuto, pero tengo una duda
    como puedo poner dos botones o mas en una misma url pero que marque cosas diferentes por ejemplo uno para una imagen y otro para un video que estan en la misma url, gracias

    Responder a ed →
  78. Sofovich, Gerardo / Hace 469 días /

    gracias bestia

    Responder a Sofovich, Gerardo →
  79. Jose Eduardo Sibrian / Hace 467 días /

    Excelente aportacion brother…eres todo un fenomeno.

    Responder a Jose Eduardo Sibrian →
  80. ulises / Hace 467 días /

    muy bueno me va a servir

    Responder a ulises →
  81. Alex Havana / Hace 464 días /

    Yo tengo un problema que no se ha mencionado aquí.
    Yo he creado una web, no en joomla, no es un blog, es todo hecho por mi.

    El asunto es el que al poner el iframe o el código en java como este:

    que me pasa, que el mismo funciona bien pero en el cliente de facebook me nuestra una imagen cualquiera, no la que yo quisiera eque me mostrara, he hecho varias pruebas, me he fijado en otras web como se implementa pero negativo. no logro que ya en facebook se muestre la imagen.
    Es decir tengo varias imágenes y me toma la ultima, no se cual es el patrón que sigue facebook para relacionar el comentario y la imagen.
    Me pueden ayudar

    Responder a Alex Havana →
  82. Nitro / Hace 443 días /

    EXCELENTE HERMANO…. TARDE UN PAR DE HORAS EN RESOLVERLO PERO AL FINAL QUEDO DE PELOS!! SALUDOS!!

    Responder a Nitro →
  83. ZONADG / Hace 443 días /

    Ayuda cuando busco

    no aparece D: !!

    Responder a ZONADG →
  84. Munchkinero / Hace 431 días /

    Hola,

    Uso una plantilla de terceros que no incorpora “post-footer”, y aunque estoy viendo código de otro blog no me termino de aclarar para incluirlo y así poder usar el botón.

    Si ustedes o alguien a quien le haya pasado me pudiera ayudar lo agradecería muchísimo.

    Un saludo y gracias por la atención.

    Responder a Munchkinero →
  85. AndresVargas / Hace 431 días /

    Gracias, Muchas gracias

    Responder a AndresVargas →
  86. pablo / Hace 428 días /

    estupidos puse la clave esa y me borro todo y quiero una explicacion..

    Responder a pablo →
  87. Munchkinero / Hace 427 días /

    Pablo, lo primero, insultar no es la mejor manera de que nadie te responda (pero bueno, haremos un pequeño esfuerzo).

    Lo segundo, deberías de haber hecho una copia de la plantilla para poder subirla en caso de que algo fallase.

    Tercero, si no eres muy experto, tal vez deberíad e haber probado primero en un blog de pruebas.

    Cuarto, seguro que has seguido mal algún paso porque, que no se vea como en mi caso por una plantilla de terceros pase, pero que el hacer una modificación te borre todo… sinceramente lo dudo.

    Responder a Munchkinero →
  88. aacc30 / Hace 423 días /

    muy Bueno tu post pero a mi no me funciono, hice lo que dijiste pero no se que sucedio

    Responder a aacc30 →
  89. edwin / Hace 421 días /

    gracias por este truco , pero no se si me pueden ayudar cuando puse el codigo el boton hizo que los titulos de publicado por y etiquetas quedaron muy abajos como arreglo esto??

    Responder a edwin →
  90. B1nary0 / Hace 419 días /

    @pablo: Efectivamente, con el script del post no se te va a borrar todo, si eliminas lo que has agregado, debe volver a la normalidad.

    Responder a B1nary0 →
  91. Macarena / Hace 418 días /

    Gran dato me encantó!!!! muchas gracias

    Responder a Macarena →
  92. Jaime / Hace 413 días /

    voy a diseño, pulso modifica html, despues le doy a Expandir plantillas de widgets en el recuadro, busco la dirección
    con control+f y despues en la linea de abajo pongo el codigo escrito. acepto todo y no me sale nada en el blogger. Que debo hacer?. Espero respuesta.

    Responder a Jaime →
  93. Daniel Ríos / Hace 411 días /

    OK, gracias!!

    ;)

    Responder a Daniel Ríos →
  94. Jorge / Hace 405 días /

    mira como pongo twiter y facebook

    Responder a Jorge →
  95. Jorge / Hace 405 días /

    en mi pagina la imagene pequeña

    Responder a Jorge →
  96. CarolinaofKurobaDe / Hace 400 días /

    Hola!
    Muy buen aporte pero tengo una pregunta…
    El boton lo tienes que poner en cada entrada
    que hagas o se pone automaticamente en otras
    entradas que hagas?
    Trate de ponerlo justo como dicen pero no sale
    absolutamente nada espero me puedan ayudar
    pues si me gustaria poner esto en mi blog (blogger)
    De antemano gracias. Espero una respuesta (:

    Responder a CarolinaofKurobaDe →
  97. CarolinaofKurobaDe / Hace 400 días /

    Bueno resulta que ya lo pude poner jeje
    Mil disculpas, pero aun tengo un problemita…
    Queda un espasio muy grande entre el boton & quisiera saber como quitarlo
    aun me pregunto si se pone automaticamente en todas las entradas Saludos & Gracias
    Espero respuesta (:

    Responder a CarolinaofKurobaDe →
  98. Daniel / Hace 400 días /

    Muy bueno por que en el propio facebook solo te sale en inglés.
    Un saludo.

    Responder a Daniel →
  99. Judith / Hace 392 días /

    Hola, tengo una página de turismo en fotos en facebook y un blog y me gustaria que en el blog aparezca el boton “me gusta” y que automaticamente se agregue al de facebook. cómo lo puedo lograr…soy nueva en esto, me refiero no se nada de codigos no programación.
    Gracias por tu atención.
    Saludos!!!

    Responder a Judith →
  100. jospe / Hace 392 días /

    Hola buenas, me ha servido mucho su ayuda, es bastante útil este tipo de botones, pero yo tengo un problema, y es que tengo en mi blog un botón de “read more” por tanto la entrada completa se ve si entro ahí, desde el inicio solo se ve una pequeña previsualización.

    El boton aparece dentro, pero tengo varios botones que valen para compartir la entrada a otros sites como “furl, yahoo” y otras cosas que no me interesan, me gustaría, o quitar esos botones, o poder poner el me gusta fuera de la entrada, junto al botón read more.

    Mi correo lo tienes en el perfil, me gustaria ayuda, un saludo gracias! ;)

    Responder a jospe →
  101. siono.userecho.com / Hace 386 días /

    Se consigue que el botón aparezca en la portada del blog suprimiendo la línea:


    Responder a siono.userecho.com →
  102. Sandra / Hace 386 días /

    abre el archivo single.php del theme?? Como hago eso?? Mi tema se llama Elegant Grunge, disculpen mi ignorancia…

    Responder a Sandra →
  103. siono.userecho.com / Hace 385 días /

    @siono.userecho.com: b:if cond=’data:blog.pageType == "item"’

    Responder a siono.userecho.com →
  104. pau / Hace 382 días /

    ¡esto me sirvio mucho!!

    suerteeee

    Responder a pau →
  105. Carlos / Hace 382 días /

    Hola. Muchas gracias por la ayuda. Pero tengo una duda, he copiado el código tal y como pones en las instrucciones. En vista previa, antes de publicar la entrada si que me aparece el botón de me gusta abajo, pero cuando la publico no aparece dicho botón. Ruego que me ayudes.

    Gracias.

    Responder a Carlos →
  106. Isra / Hace 371 días /

    UNA DUDA, EL BOTÓN ME SALE MUY CERCA DE LA ENTRADA SIN CASI ESPACIO ENTRE AMBOS Y ME GUSTARÍA SABER SI SE PUEDE PONER UN POQUITO MÁS ABAJO, TAMPOCO MUCHO, GRACIASS!!!!!!

    Responder a Isra →
  107. paz / Hace 367 días /

    ¡muchas gracias!
    (soy nuevísima en esto, pero después de renegar un rato lo logré)

    Responder a paz →
  108. An / Hace 365 días /

    ¡Hola!
    Ante todo gracias por esta entrada.

    Siguiendo tus instrucciones tengo una duda.
    Intenté modificar la html del blog, pero por la plantilla o lo que sea, no funciona el código que adjuntas, asi que lo generé directamente desde la página developers de facebook. Al agregar el código resultante finalmente me sale el botón de “me gusta” debajo de cada entrada, pero contabilizando en general, no por entrada. Es decir, que si tengo 13 me gustas, en todas las entradas aparece ese número.

    ¿Qué debo hacer para que contabilice por entrada?

    Muchas gracias de antemano.

    Responder a An →
  109. Giovvani / Hace 364 días /

    muy buen aporte man te felicito por esto:)

    Responder a Giovvani →
  110. Lucia / Hace 361 días /

    @CarolinaofKurobaDe:
    A mi me pasa lo mismo y no se como arreglarlo :S:S lo has podido solucionar?

    Responder a Lucia →
  111. Jota / Hace 361 días /

    Hola!

    He tratado hace 2 meses y medio hacer esto y no he podido. Lo que hago es generar el código del “Like Box” según como lo quiero y me da 2 opciones, iframe y XFBML. He tratado pegando cada una de ellas en mi blog de WordPress dentro de las cajas de texto de widget y cuando hago click en guardar los cambios no aparecen (sale un espacio en blanco o el texto del código).

    Que debo hacer? estoy haciendo mal los pasos?

    Saludos, estoy atento a una respuesta.

    J.

    Responder a Jota →
  112. frank / Hace 360 días /

    Gracias por tus aportes, me sirven de mucho, Salu2

    Responder a frank →
  113. ibelsy / Hace 358 días /

    Muchas gracias por tu ayuda! Muy buen aporte! ;)

    Responder a ibelsy →
  114. carol / Hace 355 días /

    Hola, ¿y cómo podemos sabes quiénes han pinchado en el botón?

    Responder a carol →
  115. Enrique / Hace 348 días /

    Gracias por el post gran post. Lo voy a intentar, seguro me sale.

    Responder a Enrique →
  116. jose / Hace 344 días /

    Hola.
    Prefiero este plugin para WordPress
    Wordpress Facebook Like Plugin
    http://downloads.wordpress.org/plugin/facebook-like-for-wp.zip

    Responder a jose →
  117. Dablin / Hace 343 días /

    @ed:
    Conseguiste resolver tu problema? Tengo la misma duda.

    Responder a Dablin →
  118. carol / Hace 343 días /

    pues no, al parecer no se puede saber que yo sepa,o que no sepa. ;)

    Responder a carol →
  119. VJ Basto / Hace 343 días /

    COmo lo hago
    pero en globered
    y en metroblog
    necesito ayuda

    Responder a VJ Basto →
  120. noek izardui / Hace 342 días /

    Muy buen post.
    A mi me sucede que alguien comenta en una entrada y sale repetido en todas,asi como tambien le dan a una entrada me gusta y aparece que les gustan todas las entradas,como puedo hacer individuales los comentarios de la caja,y tambien los del boton Me gusta. ¿Pueden ayudarme? Alguien me paso una variable para poder hacerlo pero me indica error de html.

    Responder a noek izardui →
  121. Sergio N Hernandez / Hace 341 días /

    Excelente como siempre francisco, gracias por compartirlo con nosotros. Me gusta este boton porque considero facil de utilizar para los usuarios que visitan nuestros sitios web, simplicidad es lo que todos buscan.

    Gracias de Nuevo

    Sergio N Hernandez

    Responder a Sergio N Hernandez →
  122. fidel / Hace 329 días /

    a me tambien me pasa igual me aparece lo mismo en todas las entradas

    Responder a fidel →
  123. Inicionet / Hace 327 días /

    En blogger ya viene ahora por defecto el boton share de Facebook.

    Aun así gracias, magnifico el articulo.

    Responder a Inicionet →
  124. Adriano Duarte / Hace 322 días /

    Gracias por tu Excelente blog sin duda amas lo que haces.

    Tengo una inquietud y es que quiero que el boton “me gusta” aparezca “Siempre visible” en la página de inicio y no en cada uno de los post.
    Qué debo de hacer?
    Le agradezco su poarte

    Responder a Adriano Duarte →
  125. Santiago / Hace 320 días /

    Hola…

    estoy intentando mejorar mi blog y me gustaria que me echaras una mano.

    Lo del boton de “me gusta” he podido colocarlo..pero de golpe al lado me han salido 26 (puede ser si lo acabo de poner?)

    Luego me gustaria poner un gadget como el que he visto en otros blogs que es el rescuadro azul tipo facebook con el titulo del blog (con el m gusta debajo) y todos los miembros de ese grupo abajo (supongo que contactos).

    Tu mismo lo tienes debajo de los iconos de RSS y Facebook, twiter y demás…yo he creago el grupo de mi blog (y aunque no tengo muchos fans aun) creo que seria suficiente para incluirlo. Como debo hacerlo?

    Gracias por adelantado!

    Responder a Santiago →
  126. Maia / Hace 303 días /

    Hola Francisco,

    Tengo un problemilla con poner “me gusta” en el blog. Donde sea que lo ponga me aparece un espacio enorme debajo y no sé cómo quitarlo. ¿Sabrías decirme como puedo quitarlo?

    Muchas gracias!

    Un saludo

    Responder a Maia →
  127. Tony / Hace 303 días /

    mmm, esta opcion de me gusta no se puede centrar?! que quede en todo el centro de la web!!!

    Responder a Tony →
  128. Miguel / Hace 296 días /

    excelente!!! me sirvio :D gracias gracias estaba loco por colocar esto :P se te agradece de corazon exitos en todo lo q hagas :D

    Responder a Miguel →
  129. Raymond / Hace 289 días /

    hola francisco antes que nada felicidades por tu blog es muy bueno.
    El siguiente comentario es para preguntarte de como integro el nuevo boton de “send” de facebook en las entradas de blogger ya que el codigo generado es xfbml aqui te lo pongo:

    no se si esta bien porfavor respondeme

    Responder a Raymond →
  130. Raymond / Hace 289 días /

    hola otravez
    disculpa yo puse es boton y cada vez que le doy me gusta en mi perfil aparece el titulo de la entrada, la imagen de la entrada y en la descripcion me aparece:
    summary_noimg = 400; summary_img = 250; img_thumb_height = 100; img_thumb_width = 180; //=1) { imgtag = ”; summ = summary_img; } if(img.length
    como le hago para que desaparezca

    Responder a Raymond →
  131. ezequiel / Hace 275 días /

    hola una pregunta, lo pude poner pero me aparecio 3 veces el botn me gusta, como hago para sacar 2?

    Responder a ezequiel →
  132. Miinanda / Hace 273 días /

    ¡BUEN POST!

    ..Gracias :D
    Ahora mi Blog tiene “Me Gusta”. Buena explicación, bien hecho todo (:

    Responder a Miinanda →
  133. Mario / Hace 272 días /

    Resuelto gracias de todos modos !

    Responder a Mario →
  134. Washington / Hace 272 días /

    No me sirvio, tu post hice tal cual dice ahi pero igual no me parece nada, aver si me puedes ayudar

    Responder a Washington →
  135. Miinanda / Hace 272 días /

    @Washington: Quizá crees que debe salir en tu Inicio, pero sale es cuando entras a la Entrada específicamente. (:

    ..Si no lo ves igual, pues ahí si yo no sé xd
    (Espero te haya ayudado)

    Responder a Miinanda →
  136. alex / Hace 272 días /

    Esto es un viruss!! no la agregen! que hdp..! -.-

    Responder a alex →
  137. max / Hace 268 días /

    AYUDA!!!!

    Como hago para que no se vea en los titulares del Facebook, cuando pongo que una foto ME GUSTA?

    Responder a max →
  138. Mercedes Palacios / Hace 264 días /

    Muchas gracias por este aporte, llevaba mucho tiempo buscandio como hacerlo (en forma simple) y me ha resultado sin problemas.

    Responder a Mercedes Palacios →
  139. Claudia / Hace 255 días /

    Muy buen aporte y excelente funcionalidad para hacer más sociable nuestro blog. Pienso instalarlo cuanto antes…

    Saludos

    Responder a Claudia →
  140. Hugo / Hace 254 días /

    Cuanto alguien le da “megusta” a alguna publicacion mia le aparecen todas cosas raras , le aparece el titulo de la publicacion y abajo esto:

    summary_noimg = 800; summary_img = 650; img_thumb_height = 150; img_thumb_width = 200; //=1) { imgtag = ”; summ = summary_img; } var summary = imgtag + ” + removeHtmlTag(div.innerHTML,summ) + ‘

    sabes lo que significa?

    uso platilla blogger

    Responder a Hugo →
  141. xURUx / Hace 242 días /

    Gracias.. muy bueno y facil de hacerlo.. gracias desde uruguay..

    Responder a xURUx →
  142. omar / Hace 238 días /

    no encuentro en Edicion de HTML.!!!

    Responder a omar →
  143. omar / Hace 238 días /

    no encuentro div class=’post-footer-line post-footer-line-1′ en Edicion HTML

    Responder a omar →
  144. omar / Hace 237 días /

    @Maia: yo si
    se supone que dice, se el primero de tus amigos en x cosa lo que tienes que hacer es, al final de la clave, overflow:hidden; width:100px; height:px”> en donde dice width:100px ponle width:300px
    y listo

    Responder a omar →
  145. rossi / Hace 234 días /

    hola, agregué el código y me salió perfecto, pero ahora quiero agregar al lado el botón ENVIAR, sé que hay que añadir send=’true’ pero no sé en que parte, ya que lo hice y me sale error. me pueden ayudar?

    Responder a rossi →
  146. Katherine / Hace 231 días /

    Hola que tal!
    Habia puesto el siguiente codigo de Me gusta para mi blog:

    Pero pasa que cuando pongo Me gusta en una sola entrada, aparece para todas las entradas, como si le hubiera dado me gusta a todas :S Espero me ayudes (:

    Responder a Katherine →
  147. Dj Hooligan / Hace 230 días /

    Hola y tengo un problema no me acepta!!! el codigo D:!!! no se q hacer llevo 3 dias sin dormir de estar intentando!!! y se que es un error mio!!! pero no sé cual!! quiza al poner la url es dnd la estoy cagando!! si podes ayudarme te agradezcooooooo

    Responder a Dj Hooligan →
  148. Jhonatan Almeida / Hace 219 días /

    hola tengoo una pregunt quisiera saber si el boton me gusta se podria colocar luego de cada comentario tambien. asi tambien se podria puntuar por asi decirlo cada comentario. muy buen aporte desde ya gracias.

    Responder a Jhonatan Almeida →
  149. Tony De Gouveia / Hace 216 días /

    Buenas, yo ya habia colocado esta opcion a mi blog y funcionaba perfectamente pero estoy revisando y cuando marco la opcion me gusta se vuelve a quitar, como lo soluciono?!

    Responder a Tony De Gouveia →
  150. Paco Gracia / Hace 213 días /

    Muchas gracias. Funciona muy bien. Lo único que lo ponga donde lo ponga me deja mucho espacio debajo del botón. ¿cómo podría dejar menos?

    Responder a Paco Gracia →
  151. 21gatuso35 / Hace 199 días /

    Hey no me funciona, pongo el codigo y la URL pero solo aparece un gran cuadrado blanco.
    Yo lo estoy haciendo en blogger y de la siguiente manera:
    home>diseño>añadir un gadget>html/javascript
    y luego pego el codigo pero cuando veo el blog aparece un cuadrado blanco en el lugar donde debería estar el boton

    Responder a 21gatuso35 →
  152. Krine / Hace 185 días /

    Hola como puedo poner una imagen debajo del inframe del facebook en html

    Responder a Krine →
  153. Leonardo Ghiringhelli / Hace 180 días /

    Muchas gracias realmente envidio tu sabiduría pero el botón que me gustaría poner es este que tienes tu al final que dice a blogandweb en Facebook,muchas gracias por tu inestimable ayuda,un abrazo.-

    Responder a Leonardo Ghiringhelli →
  154. Francisco / Hace 172 días /

    Hola

    Excelente post, solo que el boton de me gusta lo puedo ver hasta que entro a la noticia completa. Me gustaría poner el boton de me gusta en donde se ven todas las entradas que tengo

    saludos

    Responder a Francisco →
  155. sam / Hace 156 días /

    ¿como abro el archivo .php?

    Responder a sam →
  156. claudia lizeth / Hace 154 días /

    HOLA mi nombre es claudia esta muy buena la información pero nunca puedo hacer nada no se que estoy asiendo mal en mi blog no aparecen los comentarios y no he podido agregar el boton me gusta de mi pagina en facebook a mi blog me encantaría poder tener una mejor calidad en mi blog para ofrecerle a mis lectores mas facilidades muchas gracias por tu ayuda

    Responder a claudia lizeth →
  157. claudia lizeth / Hace 154 días /

    perdón se me olvido decirte hago todo como lo explicas pero cuando le doy guardar plantilla y voy a mi blog no aparece el botón me gusta de facebook muchas gracias aprecio tu ayuda

    Responder a claudia lizeth →
  158. Emmanuel / Hace 150 días /

    Ehh solo para corregir entras mejor aca:

    http://developers.facebook.com/docs/reference/plugins/like-box/

    Saludos

    Responder a Emmanuel →
  159. Antoni / Hace 142 días /

    Casi dos horas de pruebas y al final, tan simple como pegar el codigo que has puesto!

    Ahora me voy a meter con el tema de la personalización para desarrolladores. Deberías también escribir algo sobre el tema, arrojarías algo de luz!

    Saludos y gracias!

    Responder a Antoni →
  160. ELIANA / Hace 138 días /

    LO QUE NO PUEDO ENTENDER Y HACE MUCHOE STOY CON ESTO ES DONDE PEGAR EL CODIGO QUE ME DA LA PAGINA :S AGRADECERIA LA AYUDA

    Responder a ELIANA →
  161. GJZ / Hace 137 días /

    Gracias, esto me sirvió de mucho ;)

    Responder a GJZ →
  162. Empi / Hace 103 días /

    No entendí donde poner el primer codigo? en sintesis NO ENTENDI NADA

    Responder a Empi →
  163. Empi / Hace 103 días /

    pues ya entendí pero no me aparece ningun me gusta
    ayudaa!!!

    Responder a Empi →
  164. belen / Hace 95 días /

    yo lo hice como dijiste y no me funcionó jolines.

    Responder a belen →
  165. consuelo / Hace 92 días /

    Lo hice tal cual y no aparece en mi blog

    Responder a consuelo →
  166. Joseph / Hace 85 días /

    lo hice tal cual y no me aparece nada :(

    Responder a Joseph →
  167. miguuee / Hace 65 días /

    tengo el mismo problema! no aparece nada!! para web es lo mismo?

    Responder a miguuee →
  168. Chocho / Hace 55 días /

    Hola, como hago para que mi pagina tenga mucha luz!, tanto..! que los usuarios queden medio ciegos, confusos y que pierdan la memoria

    Responder a Chocho →
  169. Cristhian / Hace 49 días /

    Requiero de su ayuda. Pasa que ya coloqué el botón “Me gusta” en mi blog. Sin embargo, cuando un lector hace click en ese botón, solo aparece en su muro la imagen y el título de la entrada que escribí. Quisiera que aparezca el primer párrafo. No sé cómo hacer eso. Gracias.

    Responder a Cristhian →
  170. María / Hace 47 días /

    Me pasa algo parecido a lo que le pasa a Cristhian.
    Cuando se pulsa en me gusta en Facebook solo aparece la imagen y el nombre de mi blog
    ¿Como puedo arreglarlo?

    Responder a María →

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.

Blog and Web es un blog de Blógstica

Términos de uso - Política de privacidad