Agregar el botón 'Me gusta' de Facebook en Blogger

3 de enero de 2011 606 comentarios ,
Uno de los widgets que más me piden es el botón 'Me gusta' de Facebook que por alguna razón no lo había publicado (quizá porque esa información ya se encuentra en todas partes), pero bueno, veamos cómo poner este botón en Blogger que "mide la popularidad" de una entrada entre los usuarios de Facebook.

El botón es muy sencillo y puede aparecer tanto arriba de las entradas o debajo de ellas, se verá más o menos así:



Para colocarlo en tu blog entra en Plantilla | Edición de HTML. Si quieres que el botón aparezca debajo de las entradas busca esta línea:
<div class='post-footer'>
Debajo de ella agrega esto:
<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'/>
O bien, si quieres que quede arriba de las entradas entonces agrega el código anterior debajo de:
<div class='post-header'/>
Con ese simple paso ya tendremos el botón de me gusta en el blog. En caso de haber puesto el código y no veas el botón en tu blog, revisa si alguna de las líneas donde lo pegaste la tienes dos veces, si así fuera pon el código debajo de la que tienes repetida.


Si deseas que el botón se muestre sólo en las entradas entonces el código que deberás pegar es este:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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'/>
</b:if>
En cualquiera de los dos casos el botón tiene algunas configuraciones para poderlo personalizar ligeramente.
show_faces=false indica si se mostrarán o no algunos avatares de quienes le gusta el contenido, con false no se mostrarán, con true sí lo hará.
width=450, es el ancho del widget.
height=40, es el alto del widget.
action=like, es el texto que aparecerá, con like dirá Me gusta, con recommend dirá Recomendar.
font=tahoma, es el tipo de letra, por defecto está en tahoma pero se puede cambiar por arial, lucida+grande, segoe+ui, trebuchet+ms y verdana.
colorscheme=light, es el color del botón, con light tendrás el color típico del botón con dark el botón será de un color más oscuro


606 comentarios en:

" Agregar el botón 'Me gusta' de Facebook en Blogger "

  1. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  2. Gracias de nuevo Potro!!! llevaba un tiempo detrás de esto y mi blog no me lo incluía pero una vez más has sido tu el que me ha ayudado. Eres el mejor ;)
    Por cierto Feliz Año Nuevo :D

    ResponderEliminar
  3. Gracias ¡Feliz año nuevo también para ti!

    ResponderEliminar
  4. Que problemas tiene mi blog jaja , ahora nome aparece este codigo :|

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

    No le puse ni el <> porque me dice su codigo html no es aceptable...

    ResponderEliminar
  5. Oye potro pero el boton se configura directo a mi cuenta de FB o la cuenta del usuario??

    ResponderEliminar
  6. Gracias por la explicacion, siempre es bueno estar concectado a nuestras redes sociales

    ResponderEliminar
  7. Mmm, prefiero el que encuentro en developers, son mas completos, pero se trata de gustos, solamente. Un saludo, Potrito!

    ResponderEliminar
  8. No encuentro ninguno de los 2 códigos que colgaste:
    div class='post-footer-line post-footer-line-1'
    div class='post-header-line-1'/

    Puede ser al tipo de plantilla???

    Como lo soluciono???

    ResponderEliminar
  9. hilando la vida, necesitas marcar la casilla 'Expandir plantillas de artilugios' para poder encontrarlo.

    Microboy90, no entendí :\

    nEjO, completamente de acuerdo :)

    ResponderEliminar
  10. Isaias Romero, de hecho es el mismo que ofrece Facebook:
    http://developers.facebook.com/docs/reference/plugins/like

    KAKASHY, como dije anteriormente, necesitas marcar la casilla 'Expandir plantillas de artilugios' para poder encontrarlo.

    ResponderEliminar
  11. POTRO : gracias por responder rapido,pero si ya lo puse en mi blog y se mira chido gracias!!!

    ResponderEliminar
  12. Hola Potro, vamos a ello!! gracias ;-))

    ResponderEliminar
  13. Y SE PUEDE QUITAR LA f Y DEJAR SOLO EL ME GUSTA?
    GRACIAS Y FELIZ AÑO

    ResponderEliminar
  14. Gracias, ya lo tengo insertado.

    Eres mi "superheroe", siempre en ayuda de los más débiles.

    ResponderEliminar
  15. Potro al ponerlo arriba de la entradas me sale una gran separacion entre el boton y el post. tengo esto: https://dl.dropbox.com/u/9002083/botonfaceboock.txt

    como hago?¿?

    ResponderEliminar
  16. MaG@S RaDioMuSiC, a ti por tu visita!

    CRISJAPA, probablemente si cambias el ancho del botón donde se indica y lo pongas más pequeño, por ejemplo 100px u 80px

    KAKASHY, te agradezco tu comentario :)

    Juan Carlos, lo que pasa es que es un iframe, lo único que se puede hacer es reducir el alto del botón para eliminar también un poco de espacio, puedes dejarlo en 30px para probar.

    ResponderEliminar
  17. te deje un comentario en la entrada de como usar dropbox

    ResponderEliminar
  18. Potro hola de nuevo, me ha desaparecido el contador de visitas, lo último que he tocado ha sido el botón del faseeee bugs!! por cierto como se pone el cajetin donde sale la foto de los que le ha gustado el blog? Gracias, espero tu respuesta salvadora :-D

    PD:( últimamente están dejando unas fotitos en tómate una foto... que ya les vale!!! )

    ResponderEliminar
  19. peeerfectoo ! muchas gracias :D
    pero eso sí, le he cambiado la altura a 20px xq sino me qedaba un espacio blanco debajo de las entradas en donde lo puse :)

    ResponderEliminar
  20. Potro ya he dado con el fallo, yo he puesto el código entre [la línea a buscar] (el código)y luego el div que cierra el ciclo, es por esto que me desapareció el contador, lo he puesto debajo del /DIV y asunto arreglado, no sé si me he explicado :-D ya sabes que HTML no es lo mio, aún así dime por favor como se pone la celda de las fotos, muchas gracias estimado ;-)

    ResponderEliminar
  21. Gracias Potro por compartir, ya lo tengo en mi blog pero con el iframe y no tenia idea lo de la letra y el color que eso si lo modifique. Una consulta Potro, como hago para centrar los títulos de la sidebars???? Los títulos de los gadgets.

    ResponderEliminar
  22. Annie, me alegro que haya quedado como esperabas :)

    Pozo+10™, ¿en cuál blog? porque en planeta-grandt.com.ar los veo centrados.

    ResponderEliminar
  23. MaG@S RaDioMuSiC, ¡fiu! ya empezaba a asustarme, qué bueno que ya lo has solucionado :)

    Sólo cambia donde dice show_faces=false por show_faces=true con eso se mostrarán algunas fotos de quienes les gusta la entrada.

    P.D. ¿Qué tienen las fotos del gadget para tomarse la foto?

    ResponderEliminar
  24. En el nuevo que estoy armando: http://tv--envivo.blogspot.com/

    ResponderEliminar
  25. Gracias Potro me sirvió mucho!
    Amigo quisiera saber como hiciste para poner ese banner que se llama "ELIGE COMO ESTAR CERCA DE LA CIUDAD" me gustaría ponerlo en mi blog ya que ahora tengo un banner para cada icono social!
    Te agradecería que me ayudes!
    Bye!

    ResponderEliminar
  26. no tines uno para twitter? lo ocupo
    gracias!

    ResponderEliminar
  27. Pozo+10™, debajo de #sidebar1 h2, #sidebar2 h2 { agrega esto:
    text-align: center;


    Mr. Sebas Calvo, el que yo tengo es este menú vertical, sólo que a los enlaces les he añadido un ícono delante del texto.


    lUiiS'APOdACA!, Twitter no tiene botón de 'Me gusta' pero tiene un botón para compartir.

    ResponderEliminar
  28. Buenos días, pues ya está puesto el true, no aparece nada, me imagino porque nadie ha pinchado jajajajaja así que por estadísticas me supongo que tardaremos en ver alguna cara salir... jajaja en fin, de 33 mil visitas habrán 40 comentarios... y el 98 % anónimos, es lo que hay !! ;-)) muchas gracias y feliz día "Maestro"

    PD: (Ultimamente se veían algun dedo Corazón extendido... pero mejor ni hacer referencia a este tipo de cosas :-D)

    ResponderEliminar
  29. eque lo quiero a un lado del de facebook, no como viene en ese post que me pasaste!
    pero gracias!
    asi como los de esta pagina: http://gagadaily.com/
    gracias!

    ResponderEliminar
  30. muchas gracias la f cuansdo ya se a votado no sale con lo cual no queda mal muchas gracias por compartir tus ratos te entretenimento

    ResponderEliminar
  31. perdon otra pregunta que me surje que te deja votar al rato otra vez?

    ResponderEliminar
  32. Muchas gracias Potro. Te lo agradezco. Me sirve de mucho. Siempre te sigo y te voy a seguir. Suerte.

    ResponderEliminar
  33. Te cuento algo que me paso, al poner el iframe me quedaba espacio entre la entrada y el cuadro del me gusta, le modifique height por 30 y ahora si me quedo bien. Suerte.

    ResponderEliminar
  34. MaG@S RaDioMuSiC, ah es verdad, y eso no es nada, a veces hay fotos con clasificación XXX pero por suerte las detecto a tiempo y las elimino de inmediato. Bueno, pues ya le di click en Me gusta (soy el segundo) a ver si con eso hacemos "despertar" al botón y muestra los avatares :)


    lUiiS'APOdACA!!, en esa misma entrada que te mencioné hay un botón pequeño que se podría adaptar a este botón, sólo sería cuestión de que eliminaras el botón de compartir de Facebook y en su lugar agregaras el de Me gusta.

    ResponderEliminar
  35. aybá!! si ya hay dos jajajajaja, genial !!! gracias estimado, bueno la gente pues ya sabes... jajajaja hay para todo, en fin... un abrazo y molto grazie ;-)

    ResponderEliminar
  36. CRISJAPA, con la misma cuenta en la misma entrada no, pero sí en diferentes entradas.

    TanqueSilva, creo que la reducción del height a todos les está funcionando mejor, me alegro que también sea tu caso. ¡Saludos!

    ResponderEliminar
  37. Gracias Potro por ayudarme con lo del menu vertical me tarde un poco pero lo logre!
    Mil gracias eres un genio!!!

    ResponderEliminar
  38. Potro. Ando buscando un Leer Mas... Pero que a la primer entrada no se le aplique y que se le aplique a las etiquetas, ejemplo: http://ciudadblogger.com/search/label/Men%C3%BAs
    Espero conozcas alguno.

    Muchas gracias!

    ResponderEliminar
  39. Me olvide, y con imagenes en miniatura también...

    ResponderEliminar
  40. Proto, tengo una plantilla que viene sin comentarios, ¿como puedo hacer para agregarlos? Si tenes alguna entrada pasame el link. Gracias.

    ResponderEliminar
  41. Pozo+10™, hay una entrada que hace eso:
    http://ciudadblogger.com/2010/06/leer-mas-automatico-menos-en-el-primer.html

    TanqueSilva, mira esta entrada, ahí verás cómo recuperar ese dato y otros tantos más:
    http://ciudadblogger.com/2010/07/cambiar-de-lugar-datos-del-post-footer.html

    ResponderEliminar
  42. Me aparece 2 veces lo reemplazo 2 veces Potro?

    ResponderEliminar
  43. < data : post . body / > np apareció arriba

    ResponderEliminar
  44. Yo ya lo tenia de antes.. pero como siempre en las explicaciones te pasas de bien =D... facilitas el trabajo de lo lindo. ayy porque no te conoci antes ?? jajajaj " FELIZ AÑO 2011 a todos "

    ResponderEliminar
  45. Pozo+10™, deja la pregunta allá en esa entrada para no confundir a los demás lectores con el hilo de esta entrada. De igual modo deja la dirección del blog donde lo quieres aplicar.

    Θdiŋ-k0, gracias por las palabras de aliento, por alguna razón siempre pienso que soy pésimo explicando, jaja ¡Feliz 2011!

    ResponderEliminar
  46. Muchas gracias! explicas excelente, ya e colocado bastantes cosas a mi blog, gracias a ti, aunque todavìa estoy aprendiendo con esto del HTML pero bueno hay vamos ;)

    Un poco tarde pero Feliz Año nuevo :D

    ResponderEliminar
  47. Gracias Yeimi, seguro que aun hay cosas que aprender pero con esfuerzo y paciencia todo saldrá bien.

    ¡Feliz año!

    ResponderEliminar
  48. muchas grasias potro eres el mejor
    tengo una pregunta aparte si me puedes ayudar
    aka esta el tema
    http://www.google.com/support/forum/p/blogger/thread?tid=7e6c2390d24411bb&hl=es

    ResponderEliminar
  49. Seguramente no has configurado correctamente el dominio.
    Mira esta entrada para verificar que has seguido esos pasos:
    http://ciudadblogger.com/2009/04/configuracion-de-dominio.html

    Por cierto, te sugiero que marques el blog como contenido para adultos porque alguien del foro de ayuda podría notarlo y reportarlo.

    Saludos.

    ResponderEliminar
  50. mm la configuracion la tengo todo ok
    si lo malo esque me cambiaron los dominio por el de prueba con el dominio que me inscribi se lo dieron a otro y se lleba todas las visitas que tenia yo

    ResponderEliminar
  51. Feliz 2011 y gracias por este truco. Una duda. Parece que no se actualiza con los datos que ya hay en Facebook. Es decir, tengo una página en FB donde se publican las entradas del blog y aunque hay gente que ha dado a "Me gusta" en Facebook, esto no se ve en el botón del blog. ¿Sabes si se puede arreglar?

    Y otra duda un poco más alejada del tema de esta entrada. ¿Sabes si hay alguna forma de hacer que los comentarios que ponen en FB bajo las entradas del blog se puedan copiar automáticamente en el blog en Blogger?

    Muchas gracias.

    ResponderEliminar
  52. Hola Lille Skvat,

    Lo que sucede es que este botón sólo recopila los datos del sitio donde lo has colocado, no sincroniza información entre las distintas aplicaciones de Facebook aun cuando se trate de la misma entrada, así pues, quien haya dado click en 'Me gusta' dentro de una página de Facebook será un conteo aparte al que se haga en tu blog.

    Por lo otro, no conozco alguna aplicación de Facebook que permita publicar los comentarios hechos en Facebook en algún sitio diferente, en este caso en Blogger.

    Saludos.

    ResponderEliminar
  53. Hola Amigo solo me funciono poniéndolo detrás para que me salga debajo de la otra forma me corría la barra de la derecha, puede ser ahí.

    ResponderEliminar
  54. OK, ya entiendo. Gracias de todos modos :-)

    ResponderEliminar
  55. Dr. Victor Guillermo Pagé Hernandez, puede ser el cualquiera de los dos mientras funcione, de hecho en el caso de tu blog creo que se ve mucho mejor ahí abajo donde lo has puesto.

    ResponderEliminar
  56. Buenisimo! me sirvio muchisimo. Gracias Potro por tantos aportes. Lo que quería saber es:

    - Cómo poner una pestaña de facebook al costado del blog, y que éste se desplace junto a la página. (espero que me entiendas).
    - Cómo poner un puntero de pelota de fútbol.



    Gracias!!

    ResponderEliminar
  57. potro ya quedo pero en el boton me aparece "like" en ingles yo quiero que la gente lo vea como " me gusta" que debo hacer

    gracias anticipada porque siempre contestas rapido y efectivo por eso me gusta tu pagina

    ResponderEliminar
  58. De hecho debería de traducirse de manera automática ¿en cuál blog lo has puesto?

    ResponderEliminar
  59. este es http://peliculaztube.blogspot.com/ lo puse en las entradas

    ResponderEliminar
  60. Puede ser que tu IP sea de un país de idioma inglés porque acabo de entrar y veo el 'Me gusta' en español.

    ResponderEliminar
  61. gracias potro te cuento que no le entendia a nadia pero ati si te entendi y funciona gracias. una cosa mas cuando explicas como registrarse en los directorios.

    ResponderEliminar
  62. Me alegro que te haya sido útil esta información :)
    Sobre los directorios no creo publicar nada ya que hay cientos de ellos y cada uno tiene un procedimiento distinto para registrarse pero no es nada complicado, seguro no tendrás problemas si lo intentas.

    Saludos.

    ResponderEliminar
  63. oolle potro y no sabes como crear un dominio .com gratis

    ResponderEliminar
  64. Esos no son gratuitos pero te puedes apuntar al concurso y hacerte de uno por 2 años.

    ResponderEliminar
  65. Hola saludos, felicitaciones por este excelente blog.
    Te cuento que he seguido las instrucciones y he logrado colocar el botón, incluso lo hice al pie del post, trate de centrarlo, colocándolo entre div's pero no pude, sabrías como hacer esto?

    te dejo el blog (sin que se tome como spam)

    http://disenoypublicidadweb.blogspot.com/2011/01/publicidad-web-de-su-empresa.html#more

    Gracias.

    ResponderEliminar
  66. Prueba usando este código:

    <div style="margin-left: 250px;">

    ... Aquí el código del botón...

    </div>

    En donde dice 250px modificalo por otro valor hasta que quede centrado a la distancia que deseas.
    Saludos.

    ResponderEliminar
  67. genial, siguiendo otros tutoriales no lo había conseguido nunca. Con el tuyo, funcionó por lo que te estoy eternamente agradecido.

    ResponderEliminar
  68. POR favor el potro ahi alguna forma de colocarlo igual a me gusta como en esta pagina http://www.elcorillord.com/

    ResponderEliminar
  69. Ese es un FanBok:
    http://elescaparatederosa.blogspot.com/2010/07/anadir-directamente-el-fan-box-de.html

    ResponderEliminar
  70. Me era imposible poner el boton me gusta en mi plantilla no me dejaba hasta que lei tus opciones y lo conseguí, mucha sgracias!!!

    ResponderEliminar
  71. Me alegro que así haya sido :)
    Saludos!

    ResponderEliminar
  72. Potro! existe metas para facebook para poder incluir en la plantilla de bloggeer?

    ResponderEliminar
  73. Sí, mira:
    http://developers.facebook.com/docs/opengraph

    http://vagabundia.blogspot.com/2010/12/el-protocolo-open-graph-en-blogger.html

    ResponderEliminar
  74. bueno yo he tratado de poner lo de los metas de facebook y no entiendo, veo que tu si potro, deverias explicarlo, por que a eso todavia no logro entenderle porfa explicalo aqui en ciudad blogger o dime bien como poner todo, por que en algo me esta fallando

    ResponderEliminar
  75. Aquí entre nos tampoco los entiendo del todo. Pues la meta que se supone que le podemos sacar mayor utilidad (que es la de personalizar la imagen que se mostrará) aunque lo tengo puesto no me funciona, así que aún no soy capaz de hablar sobre el tema hasta que no lo domine un poco más.
    Pero claro, si llego a entenderlo mejor por supuesto que lo compartiré con todos.

    ResponderEliminar
  76. Q pena a mi no me sale, sera que es xq tengo cambiado el template? y eso q tilde la casilla de expandir artilugios pero no lo encuentra =(

    ResponderEliminar
  77. Usa las teclas CTRL + F para localizar el código, he revisado la plantilla que usas y sí tiene esa línea.
    Recuerda antes marcar la casilla 'Expandir plantillas de artilugios'.

    ResponderEliminar
  78. Funciona perfectamente.Un millón de gracias por tus post.

    ResponderEliminar
  79. Muy bueno Potro ya esta agregado en mi blog :D y tambien un enlce a tu blog en el menu, quise ponerle un icono pero no pude, me explicarias como?? y tmbien podrias poner un enlace de tu icono?? saludos

    ResponderEliminar
  80. Sería de esta forma:

    <a href="URL del enlace"><img src="URL del icono" /> Texto</a>

    La URL de mi favicon es esta:
    http://dl.dropbox.com/u/647003/favicon.GIF

    Saludos y gracias por el enlace.

    ResponderEliminar
  81. que pasa si eliminamos:
    AllowTransparency=True

    Lo digo porque al validar la pagina en W3C es el único error que me muestra, por ahora lo he quitado del iframe, y no tengo error, pero pasará algo después??

    ResponderEliminar
  82. Si se lo quitas podrá perder la transparencia aunque igual no pasa nada.
    Aunque te marca error de validación no es un error como tal, lo que sucede es que hay propiedades y códigos que funcionan en los navegadores aun cuando no son aceptados por la W3C, es por eso que al validarlo no lo reconoce, pero no te afecta en absoluto el funcionamiento del blog.

    ResponderEliminar
  83. Hola Potro,

    Giancarlo por aqui, una pregunta como pones la caja de Facebook que tienes a la derecha de tu blog, donde salen los fans...

    Gracias!!!

    Un abrazo y Exito

    ResponderEliminar
  84. Esta semana publicaré la entrada que explica cómo hacerlo.
    Saludos!

    ResponderEliminar
  85. Hola, Potro!!! Ya puse este widget en mi blog, kedaba mal ubicado y fuera de los recuadros, moviéndole a lo loco pude ponerlo en un lugar donde es más visible, sin embargo, kedó debajo del "Publicado por...", y es akí donde te molesto =S, ¿Hay manera de colocarlo exactamente en medio y por encima del "publicado por..."??? Lo ke me interesa es ke se vea porke se pierde arrumbado hasta abajo =P.
    Ojalá puedas ayudarme y sorry por molestarte por enésima vez xD!!
    Millones de gracias adelantadas y beso gigante =)

    ResponderEliminar
  86. Hola Merlina,

    Ya sabes que nunca es una molestia ;)
    Prueba poner el código debajo de:
    <div class='postinfo'>

    Y para centrarlo enciérralo entre <center> y </center>

    Besos!

    ResponderEliminar
  87. Muchísimas gracias!!! La verdad no sé ké haría sin ti!! xD... no pude centrarlo totalmente =( pero por lo menos ya kedó mucho más visible, todos estos códigos están en chino para mí =S y no sabes cuánto trabajo me cuesta agarrarle la onda jejej, pero tú lo haces muy sencillo!!

    Gracias, Potro. Por cierto, feliz San Valentín, te mando un súper abrazo y un beso enorme, pásatela súper chido =)

    ResponderEliminar
  88. Ok Muchas gracias!!! estaré esperando la explicación.

    Exito!!!

    ResponderEliminar
  89. Muchas gracias Merlina, otro beso para ti y feliz día de San Valentín :)

    ResponderEliminar
  90. Yo tengo el boton, pero quiero que cuando le pones me gusta, por ejemplo en mi facebook aparece:

    a viri le gusta administracion-total en administracion-total.blogspot.com

    y quiero que diga:

    a viri le gusta Calidad Total en administracion-total.blogspot.com

    Es decir que aparezca el nombre de la entrada no el nombre del blog, pero siempre me pasa lo mismo, no se ve el nombre aunque si le das clic si te lleva a dicha entrada, se que asi debe o mejor dicho se puede hacer, sin que tengas que personalizar el boton para cada entrada.

    ¿Cómo se hace o que hay que corregir?

    Por ejemplo tu tienes los 2 primeros en tu explicación y si le doy clic en me gusta en mi facebook aparece

    a viri le gusta ciudad blogger en ciudadblogger.com

    pero si le doy clic en me gusta en el botón que tienes junto a "más trucos" en esta entrada en mi facebook dice:

    A Viri le gusta Ciudad Blogger: Agregar el botón \ en Ciudad Blogger.

    Asi quiero que diga en mi facebook cuando le de clic a alguna de mis entradas, pero nada que se puede!

    jaja espero me entendieras =)

    ResponderEliminar
  91. Hola Viri,

    El botón está funcionando bien en tu blog, sólo que recuerda que para que aparezca el título de la entrada entonces debes darle click estando en la entrada individual pues si lo haces desde la portada entonces tomará el título del blog.
    He hecho una prueba en una entrada tuya y efectivamente apareció bien y sin problemas en mi Facebook:
    "A El Potro le gusta Mi profe Gil en Administración Total."

    ResponderEliminar
  92. jajaja si ya se ve bien, pero que crees que normalmente no se veía así y como soy un poco impaciente busque y puse algo como meta facebook
    para que lo interprete como cualquier otro contenido en facebook, la verdad no se exactamente como funcione al menos ya se ve el título de la entrada.

    http://developers.facebook.com/docs/opengraph/

    ResponderEliminar
  93. No es necesario agregar los metas de Facebook pero igual puedes dejarlos, no afectarán en nada.

    ResponderEliminar
  94. pues no lo se, pero si los quito deja de verse el nombre de la entrada y regresa al nombre del blog, no se por que...

    ResponderEliminar
  95. Potro tengo un pequeñito problema. Puse el boton, pero cuando le doy a "ME GUSTA" aparece en el centro del cuadro "1 persona", y cuando salgo de mi cuenta del Blog y entro a la misma entrada donde puse con mi cuenta activa, no sale como el ejemplo que diste tu, donde dice "ME GUSTA" y al lado el numero de los "ME GUSTA" que le dieron,sino que sale "1 persona", y no da la opcion ME GUSTA como para que otra persona haga click en el boton. Porfavor, podrias ayudarme una vez mas en este pequeñito problema? :) ! GRACIAS !!

    ResponderEliminar
  96. Recuerda que si le das click en Me gusta entonces lo estás haciendo con tu cuenta de Facebook, no con la de Blogger, así que aunque salgas y entres de nuevo si ya le diste Me gusta una vez no te volverá a aparecer la opción para que le des en Me gusta otra vez, a menos que lo hagas con otra cuenta de Facebook.

    ResponderEliminar
  97. Hola Potro! El boton "me gusta" puede centrarse y/o ubicarse a la derecha de la entrada?
    Gracias de antemano.
    saludos!
    Rodrigo

    ResponderEliminar
  98. Hola Rodrigo,

    Mira esta entrada que habla sobre cómo alinear elementos.
    Saludos.

    ResponderEliminar
  99. Hola Potro, antes de comentarte mi pregunta quería comentarte de algo que está pasando no se si es sólo ami o a los demás pero cada vez que entro a tu página y entradas me sale este mensaje en un cuadro: "El servidor www.thebobs.com:80 en Passwort? no creo que sea virus u algo en mi pc pues uso Ubuntu... y en otros blog no pasa nada¿?

    Bueno paso a comentar quiero colocar dicho botón pero al lado del titulo ejemplo:

    Titulo del post (Me gusta)

    Cuando sigo los pasos me sale abajo del titulo y hay un gran espacio he seguido lo que as comentado y he logrado quitar el espacio pero no queda como quiero, si también se pudiera con el botón de twitter seria estupendo.

    Gracias y espero tu respuesta.

    ResponderEliminar
  100. Hola Daniel,

    Ese mensaje era debido a un enlace que yo tenía apuntando a TheBobs pero como ese sitio parece que se ha caído pide el usuario y contraseña pero ya he eliminado el enlace para evitar que aparezca ese mensaje.

    Lo de agregarlo junto al título lo veo bastante complicado pues en sí el gadget no se trata de un DIV sino de un iframe y ahí cambia mucho las cosas :/

    Saludos.

    ResponderEliminar
  101. Potro,
    Seguí todos lo pases como tu dijiste, y el boton aparece, pero cuando hago click para probarlo no funciona?
    AYUDAA :D

    Saludos.

    ResponderEliminar
  102. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  103. lo puse de en http://www.webmusical.co.cc/

    debajo de
    div class='post-header-line-1'/>

    ResponderEliminar
  104. Ummm, prueba poner arriba del código del botón esto:
    <br />

    ResponderEliminar
  105. :( me sigue igual sera q hay algun script q impida que funcione bien?

    ResponderEliminar
  106. No pues en si el botón es un iframe por lo tanto no debe verse afectado por el funcionamiento de un script o algo similar.
    Probablemente es la ubicación del botón, es como si algo estuviera encima y no deja que funcione.
    Prueba ponerlo en otro lugar, por ejemplo debajo del botón de Twitter que acabas de agregar.

    ResponderEliminar
  107. se q soy fastidiosoo peroo creoo q no me sirviooo de ninguna formaa :(

    ResponderEliminar
  108. Pues no veo que lo hayas movido junto al botón de Twitter, pero igual puedes probar ponerlo debajo de:
    <div class='post-footer-line post-footer-line-1'>

    Quedará abajo del post pero con eso podrás saber si en definitiva es la posición del botón o no.

    ResponderEliminar
  109. Hola Potro!

    He agregado el boton me gusta en mi blog deractivo.blogspot.com

    Noto que el numero de "megusta" es el mismo en todos los posts.

    Mi idea era que si ves un post puedas dejar el me gusta solo en ese, como una forma de publictar ese unico post?

    Es posible hacer esto?

    Como debo proceder?

    Muchas gracias!!!!

    Mariano

    ResponderEliminar
  110. Hola Mariano,

    No veo que tengas puesto el botón. Pero eso usualmente sucede cuando el botón no tiene una parte del código que hace que se muestre sólo en las entradas y entonces lo muestra incluso en la portada y es justo desde la portada cuando se ven número mucho más elevados a lo que en realidad es.
    Es por eso que al botón le puse esos códigos que condicionan que sólo se vea en las entradas justamente para evitar esos problemas.

    Saludos.

    ResponderEliminar
  111. Hola Potro
    Puedo poner el botón "Me gusta" en post-footer-line-1 pero que me quede a la derecha de lo que tengo ya de compartir de AddThis... ¿cómo tendría que colocar el iframe?
    Muchas gracias. Saludos

    ResponderEliminar
  112. Hola,

    No puedo poner eso en mi blog y no entiendo qué es lo que hago maL!

    esos códigos los pongo al final ?? QUé tanto de espacio dejo? Por qué intento y me dice que no está bien formada :/

    Gracias de antemano

    ResponderEliminar
  113. Ya lo he solucionado, gracias :)

    Está chevere tu blog.

    ResponderEliminar
  114. MENTE NATURAL DE MODA, mira esta entrada que explica cómo alinear elementos.


    voѕĸy, qué bueno que lo has resuelto ;)

    ResponderEliminar
  115. Gracias Potro por este artículo!

    Lo puse pero tuve un problema. Mi plantilla utiliza las entradas resumidas con imágenes y el famoso Leer Más. A mí me interesaba poner el botón me gusta visible sólo en las entradas. Y así lo coloqué. Pero cuando dás el "Me Gusta" lo que se publica en Facebook es 1) la imagen que tenía esa entrada (esto está bien); 2) el título como hipervínculo a esa entrada (esto está bien); y 3) y aquí viene el PROBLEMA: el resumen en texto de la entrada es PARTE DEL CÓDIGO HTML que proviene de haber utilizado entradas resumidas.

    No sé si será problema de mi plantilla, o siempre sucederá ésto cuando se utilizan entradas resumidas y se quiere colocar el botón de "Me Gusta" visible sólo en las entradas.

    Para evitar esto yo modifiqué la URL y en vez de dejarla por default (que toma la de cada entrada en donde está el botón) puse la URL principal de mi blog:

    http://turfyapuestas.blogspot.com/

    Te dejo la inquietud entonces, gracias por todo.

    ResponderEliminar
  116. Hola turfan,

    Yo acabo de darle Me gusta en la última publicación que tienes y en mi perfil de Facebook apareció el texto normal.
    Usualmente ese problema que mencionas sucede en el botón de compartir de Facebook y que regularmente está causado por el script de la fecha hasta arriba del blog.

    Saludos.

    ResponderEliminar
  117. Gracias por tu pronta respuesta Potro!! Pero te sale la entrada a partir de la cual le diste al botón "Me gusta"?? Me parece que no, lo que sale publicado en Faceboos es el meta tag de mi blog, y el titulo de mi blog, ya que yo cambié la url por default a la url de mi blog para evitar que publique el codigo html como resumen.

    Claro, ahora no dá ese error, porque como te digo, el ME GUSTA ahora no toma la url de la entrada por default, sino la url de mi home page.

    Gracias y saludos.

    ResponderEliminar
  118. Como te mencionaba, usualmente es por el script de la fecha diaria sobre la cabecera, pero si es causado por el script del Leer más entonces tendrás que dejar el meta tag porque hasta donde sé según los desarrolladores no hay solución aun a ello.

    Saludos.

    ResponderEliminar
  119. Gracias Potro!! Voy a intentar sacar la fecha para ver si funciona. De lo contrario lo dejo así como decis. Si llega a ser el LEER MAS, debe haber mucha gente con este problema pero me parece que no se dieron cuenta porque no le dieron click al boton ME GUSTA y se fijaron como sale publicado en su FACEBOOK

    Saludos.

    ResponderEliminar
  120. Malas noticias, Potro: le saqué la fecha y el problema sigue igual. No obstante ahora le dejé el ME GUSTA como lo tenés en el artículo, es decir, para que tome la entrada desde donde se dá el ME GUSTA.

    Sigue publicando en FACEBOOK como resumen el código html pero por los menos el título y la foto salen bien, y si a alguien le interesa lo que dice el título se puede ganar alguna visita más.

    Todo aquel que quiera ver este problema, vaya a mi blog,

    http://turfyapuestas.blogspot.com/

    en cualquier entrada haga CLICK en el ME GUSTA, y luego fíjese en su FACEBOOK cómo se publicó ese ME GUSTA. Ahí verán que el ME GUSTA en entradas que usan LEER MAS, en el resumen de la entrada que se publica en FACEBOOK sale un código Html, y no el texto correspondiente.

    Gracias Potro!! Hay cosas que todavía no tienen solución y habrá que esperar.

    ResponderEliminar
  121. Sin duda habrá que seguir esperando...

    ResponderEliminar
  122. Potro he intentado poner el boton compartir d twitter, y el de me gusta pero alineados horizontalmente, uno despues del otro y nomas no quiere ya probe usando todos los codigos de las diferentes entradas que tienes al respecto y no funciona quedan uno debajo del otro aqui una entrada para que veas lo que te digo. Gracias por tu ayuda de antemano

    ResponderEliminar
  123. Ambos son scripts y los scripts son difíciles de alinear.
    Quizá la mejor opción sea meter ambos botones dentro de una tabla HTML.

    ResponderEliminar
  124. OK potro, ya lo hice en una tabla; ya quedan alineados horizontalmente, ahora el problema es que me inserta un espacio horizontal en blanco es decir queda muy separado un boton del otro; ya cheque los comentarios e hice lo que recomiendas pero no funciono, puedes checar la entrada para que veas (ya te dejo el link en el otro comentario) te dejo el codigo que estoy usando para que me digas si esta ahi el error <!-- REDES SOCIALES -->
    <b:if cond='data:blog.pageType == "item"'>
    <table border='0'><tbody>
    <tr><td><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+ "&layout=button_count&show_faces=false&width=450&height=40&action=like&font=tahoma&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px'/></td><td><a class='twitter-share-button' data-count='horizontal' href='http://twitter.com/share'>Tweet</a>
    <script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
    </td></tr></tbody></table></b:if>

    ResponderEliminar
  125. Sólo necesitas cambiar las medidas del botón de Facebook como se explica en la entrada. Con cambiarle a estos valores será más que suficiente:

    width:100px; height:25px

    ResponderEliminar
  126. Grax por la ayuda Potro, ha quedado funcionando todo bien DIOS te bendiga

    ResponderEliminar
  127. Hola! Tengo un problema con este boton y no solo con este sino con los de compartir en Twitter y FB el problemas es que el de Twitter al colocarlo no me aparece en 0 sino que ya se le ha dado Tweet 25 veces cuando a penas lo he colocado y el de FB le doy click y en mi perfil en vez del nombre de la entrada aparece "Blogger: Sign In" no se q pasa

    ResponderEliminar
  128. El problema con el de Twitter puede deberse a que se muestra en la portada, en esos casos es mejor que el botón de encierre en una condicional para que sólo se muestre en las entradas individuales.
    Sobre el botón de Facebook no sé, necesitaría verlo para poder darme una idea de cuál puede ser el problema.

    ResponderEliminar
  129. Ok amigo El Potro gracias hice con el de Twitter lo q dijiste y sale bien.
    El de FB lo colocare asi y el nombre de la entrada la editare yo. Gracias!

    ResponderEliminar
  130. Hola Potro

    eFECTIVAMENTE ME SALE SOLO EL BOTÓN Y VA CONTANDO EL NRO DE PERSONAS A LAS QUE LES GUSTA, PERO EN FACEBOOK NO ME SALE LA PUBLICACIÓN DEL "ME GUSTA"

    IMAGINO QUE SERÁ EL MISMO PROBELAM CON EL BOTÓN DE COMPARTIR DE FACE, PERO ME AYUDAS A ARREGLARLO??

    GRACIAS

    ResponderEliminar
  131. Hola Soraya, por el otro comentario me parece que ya lo has solucionado, si no es así me lo haces saber.

    Saludos!

    ResponderEliminar
  132. Muy bueno exelente material el que tenes aca y en verdad me a servido de mucho en mi blog, Gracias por compartir Potro eres Genial, saludos

    ResponderEliminar
  133. Te agradezco tu comentario Alfredo. ¡Saludos!

    ResponderEliminar
  134. Hola potro oye estoy tratand de poner esto en mi blog peroooo cuando le doy vista previa no me aparece me puedes aclarar mi mente por favor?

    ResponderEliminar
  135. mira Potro esto es lo que hay en mis codigos
    div class='post-footer'>
    div class='post-footer-line post-footer-line-1'>

    asi se sigue la linea asi que como vez lo pongo en seguida del codigo que das y no aparece despues lo pego por debajo de estos que te pongo y tampoco mmmm que sera tu?

    ResponderEliminar
  136. ¿Agregaste el segundo código? Porque el segundo código hace que se muestre sólo en las entradas así que con la Vista Previa no se verá. Necesitarás guardar los cambios e ingresar a una entrada para poder ver el botón.

    ResponderEliminar
  137. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  138. Siempre da problemas ese botón para mostrar los avatares, a mí sólo una vez me los mostró y desde que noté que fallaba mejor le quité esa opción :/

    ResponderEliminar
  139. :o

    pero entonces es normal que el Error de los 161 q tengo el numero de seguidores cambie a 14???

    q esos 14 de seguro dieron "me gusta" cuando tenia error, por q al inicio del error quedaba en "0" y no en "14" :s

    ResponderEliminar
  140. Pues yo no he visto que esté en 14 sino en 161, pero lo que sí es cierto es que este mes iban a hacer muchos cambios, de hecho esos cambios que están o estaban haciendo hizo que el Fanbox dejara de verse por ratos, igual me pasaba que no se veía, entraba a la página de developers y aparecía como por arte de magia. Pensé que era un problema con mi gadget pero luego muchos dijeron que les pasaba lo mismo, por eso supongo que debe ser un problema similar con este botón.

    ResponderEliminar
  141. si d echo ya esta en 161 por q ya entre a la pagina esa... jaja
    bueno pues muchas gracias por tu ayuda espero todos estos errores se compongan pronto... :s

    Saludos y una vez mas Gracias!

    ResponderEliminar
  142. Muy bueno, era lo que buscaba! gracias

    http://sisesabe.blogspot.com/

    ResponderEliminar
  143. Gracias por tu ayuda.
    Probe de muchas maneras y porfin...

    http://callelinux.blogspot.com/

    ResponderEliminar
  144. Gracias a ustedes por su visita :)

    ResponderEliminar
  145. sos groso amigo, como decis lo explican en muchos lugares pero en ninguno como vos, muy bueno el aporte muchas gracias

    ResponderEliminar
  146. holaa potro me gustaria preguntar si hay alguna forma de poner una funcion similar a la caja de comentarios que trae el facebook e visto en varias paginas que lo hacen con diferentes post pero cuando le pongo " + data:post.url+ " a la caja de comentarios me tira un error que dice You must specify an "href" attribute to the iframe.

    sabes algo o tienes alguna respuesta porfavor e intentado mucho esto

    ResponderEliminar
  147. yaaa lo pude poner y aunque no lo creas fue gracias ati xD lo ise mirando este tutorial pero gracias brooo

    ResponderEliminar
  148. algo que no puedo hacer aver si me ayudas es que si no le pongo el height solo presenta 1 solo comentario y si le pongo el height ejemplo 400px se queda un espacio abajo e intentando poniendo

    numposts=10& num_posts=10&
    numposts='10' num_posts='10'

    ninguno me sirve alguna sujerencia

    ResponderEliminar
  149. Pues con numposts="10" debe mostrar 10 comentarios, ahora que el height no lo debes poner pues no siempre tendrás una altura definida pues el largo de los comentarios siempre será diferente,

    ResponderEliminar
  150. nose porque pero me quita las comillas numposts="10" y me las cambia por ' asi numposts='10' y no funciona.

    tambien si quito el height solo muestra uno aki te paso el codigo que uso...

    (

    y aqui lo puedes ver

    http://bellavistasoy.blogspot.com/2011/03/entrada-de-prueba-nuevo-template.html

    pongo el iframe en parentecis para que funcione

    ResponderEliminar
  151. Lo que sucede es que parece que hay un estilo de tu plantilla que obliga que el iframe tenga sólo 150px de alto.
    Prueba entonces poniendo dentro de los estilos del gadget esto:

    height:100%;

    ResponderEliminar
  152. no funciono pero gracias :D lo tendre que dejar con el espacio en blanco xD

    ResponderEliminar
  153. Tu codigo que das sale como que le gusta tu enlace de este blog y no del mio

    ResponderEliminar
  154. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  155. cuando le doy yo o un amigo me gusta de una publicaion de mi blog en el muro de face si sale a X persona le gusta el enlace de mi pagina pero en inicio dice a Xpersona le gusta CIudad Blogger y me direcciona para aca que pasara de antemano muchas gracias

    ResponderEliminar
  156. El código que yo doy no tienen ningún enlace a mi blog, quizá lo tomaste del código fuente de mi blog pues si revisas el original que doy no tiene nada que indique que apunte a este u otro sitio.
    Si lo pones tal como lo he puesto en la entrada deberá de funcionar igual de bien que le ha funcionado a todos.

    ResponderEliminar
  157. Saludos Potro

    Queria hacerte una preguntilla.....

    Veras en mi blog tengo puesto que se vean los botones de compartir en facebook, twiter, por correo y demas que trae predeterminados blogger pero no se ven de ninguna forma.... ¿puedes ayudarme a descubrir que carajo pasa?
    la direccion es
    http://elgarrasgallery.blogspot.com/

    gracias de antemano maestro

    ResponderEliminar
  158. doblecomentario jejeje
    estar estan, pero no se ven, pasas el raton sobre ellos y sale que ehay un enlace pero no se ve el texto o los botones

    ResponderEliminar
  159. Hola Potro!! Otra cosita que me he incluído en el blog! Gracias!!

    ResponderEliminar
  160. "El Garras", prueba poniendo en los estilos de la plantilla esto: .share-button {display: inline-block;}


    Eneri, gracias a ti por tu visita!

    ResponderEliminar
  161. Potro, eres el puñetero amo jajajaj
    gracias majo, que C_R_A_C_K, con mayusculas

    ResponderEliminar
  162. Por favor puedes hacer un turorial de como insertar Addthis en blogger?
    Gracias.

    ResponderEliminar
  163. Lo que quiero es que cada entrada tenga su propio boton individual para compartir.
    Ya que de momento lo unico que he conseguido es que todas las entradas compartan el mismo boton AddThis..

    ResponderEliminar
  164. En el mismo sitio de Add This tienen la explicación para ello:
    http://www.addthis.com/help/blogger

    La que debes usar es la segunda opción.

    ResponderEliminar
  165. Potro una consulta en mi blog el botón de me gusta se pone plomo como desactivado y no se que hacer

    ResponderEliminar
  166. Lo que sucede es que si le das 'Me gusta' se queda como desactivado porque ya no puedes volverle a dar 'Me gusta', pero quien no le haya dado click lo verá normal, como yo que he entrado a tu blog y veo funcionando el botón a la perfección ;)

    ResponderEliminar
  167. Hola Potro, he usado la segunda opción que dices, pero no funciona.
    Resulta que cuando le das a compartir, en vez de compartir la ENTRADA se comparte el BLOG :/
    ...sabes como puedo solucionarlo?

    ResponderEliminar
  168. ¿En dónde lo has puesto para que pueda verlo?

    ResponderEliminar
  169. Hola Potro de dejo el link... http://musicradioedit.blogspot.com/
    Después lo borras si quieres.. Un saludo.

    ResponderEliminar
  170. Es raro porque si das click a una entrada tiene su booton individual... pero en la página principal todas comparten el mismo... :(

    ResponderEliminar
  171. Hola Xagito,

    Necesitas ponerlo para que se vea sólo en las entradas (ahí se dice qué código usar) de lo contraio si el botón se ve en la portada entonces al hacer click realmente estás diciendo que te gusta la página (la portada) pues es ahí donde está. En cambio si está visible sólo en las entradas cuando hagas click tomará en cuenta no todo el blog sino sólo esa entrada.

    ResponderEliminar
  172. Potro,
    En esta plantilla
    http://proyectonuevohrod1.blogspot.com
    no me aparece ninguno de esos 2 codigos:

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

    < div class='post-header-line-1'/>

    Le di Expandir.. pero nada..
    solo encontre este

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

    Pero cuando lo pongo ahi no me aparece bien..

    Me ayudas xfa..

    Saludos.

    ResponderEliminar
  173. Pues esa línea que mencionas es la equivalente a la que se necesita, ahí debe ponerse. Quizá no se ve muy bien el resultado porque la plantilla no está diseñada para agregarle elementos debajo de las entradas, pero esa línea que mencionas sería la adecuada.

    ResponderEliminar
  174. Potro gracias, estaba preocupado y todo lo que he podido implementar en mi blog a sido gracias a ti, la mayoría de consejos y trucos los encuentro en tu pagina, gracias :)

    ResponderEliminar
  175. Potro quería preguntarte sobre un gaget, he visto en algunos blog un fanbox de Blogger que muestra sus seguidores, no se si has hecho alguna entrada sobre eso, la estoy buscando...

    ResponderEliminar
  176. ¿Fanbox de Blogger? Quizá te refieres a la lista de seguidores, ese gadget se agrega desde Elementos de la página > Añadir un gadget > Seguidores.
    Si te refieres al fanbox de Facebook entonces la info está aquí.
    Saludos.

    ResponderEliminar
  177. Creo que si, ha si tienes razón me fige bien y si es el gaget de seguidores mas bien lo que hicieron es ponerle un cuadro similar al fanbox de facebook para que entiendas te dejo al dirección del blog que vi http://www.maniataku.blogspot.com/

    ResponderEliminar
  178. Sigue los pasos de esta entrada, con eso el gadget de seguidores podrá tener ese aspecto.

    ResponderEliminar
  179. Buenas, he intentado agregar esta opcion sin embargo con este blog www.descargalomejor.blogspt.com en una no me aparece en la otra me cuenta la opcion me gusta de todas las opcion, es decir si es una publicacion tiene 4 en todas tiene 4, que debo hacer?! sera la plantilla que no lo acepta?!

    ResponderEliminar
  180. otra cosa mas, como hago para que quede centrado la opcion me gusta en mi blog como esta en tu ejemplo? yo lo coloco y queda a la derecha!!!

    ResponderEliminar
  181. Lo que sucede es que has puesto el botón para que se muestre también en la portada y por eso lo ves en cada entrada que hay en la portada, si quieres que sólo se vea en las entradas (recomendado) entonces pon el otro código que se menciona en la entrada. Para centrarlo mira este enlace:
    http://ciudadblogger.com/2009/12/alinear-elementos-y-gadgets.html

    ResponderEliminar

Los comentarios están siendo moderados y serán publicados una vez que hayan sido revisados por un administrador.
Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger