Botón para compartir por Twitter y Facebook

11 de noviembre de 2009 461 comentarios ,
Tweetmeme / FacebookCada vez más son las personas que tienen una cuenta en Twitter y Facebook, y ambas redes sociales se han convertido en un buen medio de promoción para los blogs, así que podemos aprovechar estas vías y poner un botón que permita compartir una entrada en cualquiera de estas dos redes.
El botón de Facebook es un script de Fbshare.me que permite enviar contenido a Facebook y al mismo tiempo marca cuántas veces se ha compartido ese post.
El botón de Tweetmeme hace lo mismo, permite enviar la entrada a Twitter y cuenta las veces que se ha hecho esto.
Podemos combinar ambos servicios para tener en el mismo espacio ambas posibilidades de compartir y promocionar.

Para colocarlos en tu blog entra en Plantilla | Edición de HTML, y busca esta etiqueta:
<b:if cond='data:post.title'>

Y justo debajo de ella pega esto:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- boton tweetmeme -->
<div style='float: right;'>
<ul style='list-style:none;'><li>
<script type='text/javascript'>
tweetmeme_url = &#39;<data:post.url/>&#39;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/></li>
<br/>
<!-- boton facebook -->
<li><script>var fbShare = {
url: &#39;<data:post.url/>&#39;,
}</script>
<script src='http://widgets.fbshare.me/files/fbshare.js'/></li></ul>
</div>
</b:if>

El resultado será este:

tweetmeme facebook

Los botones quedan acomodados uno encima del otro, si los quisieras en línea horizontal, es decir, uno seguido del otro, entonces usa este código:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- boton tweetmeme -->
<div style='float: right;margin-left:10px;'>
<script type='text/javascript'>
tweetmeme_url = &#39;<data:post.url/>&#39;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
<!-- boton facebook -->
<script>var fbShare = {
url: &#39;<data:post.url/>&#39;,
}</script>
<script src='http://widgets.fbshare.me/files/fbshare.js'/>
</div>
</b:if>

El resultado será este:

tweetmeme facebook

Aun si tampoco ninguno de esos te gustara puedes usar la versión mini que sería esta:

tweetmeme facebook

En ese caso el código sería este:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- boton facebook -->
<div style='float: right;'>
<script>var fbShare = {
url: &#39;<data:post.url/>&#39;,
size: &#39;small&#39;,
}</script>
<script src='http://widgets.fbshare.me/files/fbshare.js'/>
<!-- boton tweetmeme -->
<script type='text/javascript'>
tweetmeme_url = &#39;<data:post.url/>&#39;;tweetmeme_style = &#39;compact&#39;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
</div>
</b:if>

Tres buenas opciones para compartir tus entradas, si lo deseas puedes poner sólo un botón, ya sea el de Tweetmeme o el de Facebook, sólo quita la parte del código que corresponda, al inicio de cada código tiene la etiqueta que especifica si es de Tweetmeme o de Facebook.

En cualquiera de los tres casos los botones sólo se verán al estar dentro de una entrada, esto es para que tengan un mejor funcionamiento.

ACTUALIZACIÓN:
El botón de Facebook ha estado fallando últimamente, si lo prefieres mira esta otra entrada para usar el botón oficial para compartir de Facebook.


461 comentarios en:

" Botón para compartir por Twitter y Facebook "

  1. Hola estos botones son muy buenos, en mi blog tengo el de tweetmeme hace rato y da mas facilidad para que me hagan RT
    :)
    saludos!

    ResponderEliminar
  2. Sin duda, como dice Fabian. Yo tengo el el mismo boton, que tengo que agradecertelo a ti bro, porque me has pasado ese truco!!!!

    Un abrazo!!!

    ResponderEliminar
  3. Excelente Potro !!
    Me quedaron geniales =)
    Graciaaaaaaaaaas :)

    Besos

    ResponderEliminar
  4. fabian, ciertamente ayuda a que hagan RT, curiosamente aunque todos los marcadores sociales tienen ya este botón de Twitter, nadie lo usa :S

    cyberbloggero, siento no haberte dado en ese tiempo también la opción de Facebook, pero creo que el de Twitter es más usado. Un abrazo!

    Maria Rosa, ya lo veo funcionando en tu blog ;) Besos!

    ResponderEliminar
  5. Qué bueno que les ha gustado.
    Saludos!

    ResponderEliminar
  6. Muy muy Bueno eh!
    sin duda el mejor q eh visto (entradas)
    Solo una duda
    como puedo publicar en Twiter es decir Colocar mis Noticias sin estar copiando y pegando en Twitter
    pasate para q chekes POTRO mi twitter es en terminacion unrealmat @unrealmat

    ResponderEliminar
  7. Hola unrealmat,

    Con estos botones no necesitas copiar y pegar, los botones agregan de manera automática el título del post y la URL.
    He hecho un RT de tu última entrada usando el botón para que veas que conserva el texto original.
    Puedes hacer una prueba tú mismo usando el botón que acabas de instalar para que veas cómo funciona.

    Saludos.

    ResponderEliminar
  8. ohhh yeeah, eso esta genial, muchas gracias brother, me parecio excelente, ya lo estoy usando, grax de nuevo

    ResponderEliminar
  9. intento separar los botones osea no quiero el el Facebook, y no sale, es necesario a webo?

    ResponderEliminar
  10. Potro, cambié los botones. Ahora copié el código que es para los botones en forma horizontal, porque me quedan pegaditos dentro del título ¿Está bien que queden ahí?
    A lo mejor es por la plantilla, viste que la Rounders 2 de Blogger tiene el editor de textos (donde sale el post) el sidebar y el título todo con imágenes, que ya tienen esos márgenes pre-establecidos, entonces a veces, cuando colocamos estos códigos no quedan igual que en otros blogs, quedan todos como "apretaditos" y salen donde quieren. Por eso pregunto ¿Está bien que se superpongan al título? O existe una forma de que salgan más abajo del mismo.

    Si no hay solución, lo dejo así, con tal de que estén, no me importa :P jajajaja

    Bechoooooooooos

    ResponderEliminar
  11. Hola FakeDark,

    Sólo hay que pegar el código que corresponde, en este caso el de Twitter, pero veo que ya lo has arreglado.
    Saludos!

    ResponderEliminar
  12. Hola Maria Rosa,

    Si quieres que quede más abajo pega el código debajo de esta etiqueta:
    <div class='post-body'>

    Besos!

    ResponderEliminar
  13. No problem bro, de todos modos no se si lo hubiese colocado. Los usuarios del Face es como que se dedican a otras cosas, no son de compartir info así.

    Un abrazo!!!

    ResponderEliminar
  14. Es verdad son muy extraños, se la pasan haciéndose regalitos, jaja. Un abrazo!

    ResponderEliminar
  15. Quedan perfectos! muchas gracias..

    Se podrán conseguir en español?

    ResponderEliminar
  16. Hola ezeqdb,

    Hasta el momento no hay opciones de idioma.
    Saludos.

    ResponderEliminar
  17. POTRO buenas noches, aplique este post en nuestro blog, y los botones salen perfectos pero al momento de compartir en facebook no la publica ni envia la entrada como correo.

    cual crees tu que es el problema, agradezco tu ayuda

    el blog es

    http://elcofredejollas.blogspot.com/

    ResponderEliminar
  18. Hola JOVENES LLAMADOS A SERVIR "JOLLAS",

    Está funcionando a la perfección, acabo de compartir tu primera entrada en Facebook y salió sin problemas.

    Saludos.

    ResponderEliminar
  19. buenas. ya tengo casi todo listo solo me falta saber donde pego el URL de mi facebook en la etiqueta.
    perdon si es una pregunta burda, es q no se nada de lenguaje HTML
    gracias

    ResponderEliminar
  20. Hola Luciano Raful,

    No es necesario incluir nada más, cuando alguien quiera compartir la entrada se abrirá una ventana donde le pedirá al usuario ingresar a su cuenta de Facebook y así podrá publicarla en el muro.

    Saludos.

    ResponderEliminar
  21. Hola Potro saludos,

    Mira una pregunta por cultura general y por si acaso se me ocurre luego cambiarlo. Existe la opción de cambiar en el boton de facebook la palabra que dice share por otra en español... no se...

    ResponderEliminar
  22. Con este botón no ya que el script lo trae por defecto, pero puedes usar el del sitio oficial de Facebook, ese sí está en español:
    http://www.facebook.com/facebook-widgets/share.php

    Saludos.

    ResponderEliminar
  23. Potro,

    Ok gracias si va!!! lo tomaré en cuenta por si las mosca me da por cambiarlo.

    ResponderEliminar
  24. Este ha funcionado muy bien, el de la página de Facebook no lo he probado así que no sé qué tan rápido y eficaz sea, pero bueno, si algún día te aburres de este podrás probar con el otro.

    Saludos.

    ResponderEliminar
  25. Muy bueno, es lo que buscaba, te dejo mi blog para que veas como quedó: http://fuerzanaturalstereo.blogspot.com/

    ResponderEliminar
  26. ¡Bien! Ya lo he visto funcionando ;)

    ResponderEliminar
  27. gracias amigo ahora podre compartir mi contenido a todo los amigos de facebook y twitter... saludos

    --- lo bueno es que funciona altiro ----

    :D

    ResponderEliminar
  28. Funciona bastante bien, o al menos nadie se ha quejado :P
    Saludos!

    ResponderEliminar
  29. Por más que busco, no encuentro el código...es como buscar una aguja en un pajar.. :(

    ResponderEliminar
  30. Hola Daniela,

    Necesitas marcar la casilla Expandir plantillas de artilugios y luego con las teclas CTRL + F buscar el código en cuestión.
    Si sigues sin encontrarlo dime en cuál blog deseas ponerlo.

    Saludos.

    ResponderEliminar
  31. Hey que tal, muy buena la información, sin embargo al publicar imagenes hace un espacio innecesario,, me gustaria que te pasaras por mi blog y me dijeras que debo modificar para que queden al mismo nivel de la imagen.
    http://eterna-insatisfaccion.blogspot.com

    Saludos!!

    ResponderEliminar
  32. Hola Neoneka,

    Puede ser un asunto de los estilos de tu plantilla. Prueba poner el código debajo de la etiqueta <div class='post-body'>

    Saludos.

    ResponderEliminar
  33. Hey POTRO, te comento que hice lo de mover el código como me indicaste, sin embargo eso no arregló el problema, aparecia igual.
    La caracteristica de ser un poco observador me ayudo a darme cuenta que en las entradas antiguas los botones aparecian de manera correcta (22 Enero 2010) y de ahi en las recientes aparecia el espacio en cuestión; pues bien, se debe a el uso del nuevo editor de entradas de Blogger ya que seleccione el editor anterior, publiqué en el blog y listo, el espacio desapareció.
    Quede como precedente por si alguien obtiene el mismo error.
    Gracias por tu ayuda!

    ResponderEliminar
  34. Otra razón más para continuar con el editor anterior :D
    Muchas gracias por compartirlo.

    Saludos.

    ResponderEliminar
  35. Hola Brother, queria consultarte acerca de estos botones.
    Resulta ser que se ven de forma diferente en Internet Explorer, ya que en Firefox o en Google Chrome se ve de 10.

    Te queria consultar si hay forma de mantener el formato en el Explorer, ya que como que se despagina en este nacvegador.

    Y la otra consulta es saber si se puede centrar a la misma altura el boton de Tweeter que el de Facebook, ya que el de Tweeter se encuentra algo mas arriba y en los titulos de las entradas de mi blog, no queda muy bien

    Desde ya muchas gracias por el tip,

    Un saludo !

    Aqui esta mi blog
    http://panoramicadelobservador.blogspot.com

    ResponderEliminar
  36. Hola Adrián J. Messina,

    Es difícil complacer a Internet Explorer, supongo que los estilos de tu plantilla no son del todo compatibles con ese navegador.

    No se pueden manipular más ya que ambos son scripts manejados directamente por un sitio externo; si fuera una imagen podría centrarse sin problema pero en este caso al tratarse de scripts no es posible.

    Saludos.

    ResponderEliminar
  37. Jaja si es verdad, es todo un tema el Internet Explorer, finalmente no pude solucionarlo, intente ver el tema de los script por dentro pero me resulto mas complicado de lo que parecia, te agradezco mucho la respuesta de todas formas.

    ResponderEliminar
  38. Hola, Potro! Ya puse esto en mi blog (los botones pequeños) y quedaron OK. ¡Gracias! Solo quisiera que me explicaras, porfa, una duda. Es que muchos de mis amigos y familiares usan Facebook (por eso puse esos botones); pero en lo particular, a mí no me gusta usar Facebook ni quiero hacerlo. Así que como no lo uso, no sé cómo funcionan, para efectos prácticos, esos botones en esas redes sociales.
    Es decir, quisiera saber si con estos botoncitos en los post lo que se comparte es solo el contenido de esa entrada específica; o si lo que se hace es solo poner en su tablero que esa persona visita mi blog.
    Ya yo tenia instalado un gadget en la columna lateral para compartir en Facebook y Twiter (que ya ni recuerdo de dónde lo saqué). Supongo que si este no está en cada entrada, sino en el sidebar, solo compartirá el link al blog (bueno, eso creo, pero a la verdad no sé).
    Quisiera me aclararas, porfa, cómo funciona esto y cuál de ambas opciones me aconsejas tú que sea mejor (la de tu artículo o la de un gadget en sidebar); es que solo quisiera dejar una de las dos (a la verdad, me gusta más esta que nos enseñaste aquí).
    Muchísimas gracias y disculpa mi ignorancia en estos asuntos.

    ResponderEliminar
  39. Adrián J. Messina, sí que es todo un tema, nunca voy a entender por qué Internet Explorer se resiste a usar los mismos códigos que usan los demás navegadores, así ya no habrían esos problemas :S

    Vicky, los botones son para que quienes tengan cuenta de Facebook y quieran publicar en su muro la información de la entrada que les haya gustado, pero únicamente aparecerá la entrada que hayan elegido compartir. Tu cuenta de Facebook no se ve alterada por eso, a menos que, quieras sincronizar las actualizaciones de tu blog en Facebook. Saludos!

    ResponderEliminar
  40. Ah, a ver si entiendo: o sea, que el botón hará referencia en el muro de la persona solo acerca del post específico que les gustó. Eso me parece bien; es lo que quería. Bueno, creo que a fin de cuentas, me quedo con estos botoncitos y quitaré el gadget del sidebar (a la verdad, el aspecto de ese gadget nunca me gustó mucho que digamos).
    Bueno, gracias por todo, Potro, por tus acertadas explicaciones, como siempre. Saludos!

    ResponderEliminar
  41. Exacto, sólo le aparecerá en su muro la entrada que haya elegido compartir, nada más.

    Saludos!

    ResponderEliminar
  42. Potris :)
    Una preguntilla con respecto a este post y este truco ¿Como saber de que sitios fecebook levantaron tu post? (jeje) Porque en el post de hoy (que se trata de mi papá) tengo 12 FCB que han levantado esa nota (mias son 2, a mi fcb perfil y a mi fcb página web) ¿Y el resto?
    ¿Hay un modo de saber eso?

    Digo, no lo se... intuyo que no. Es solo un botón de compartir... perooooo, con preguntarte no pierdo nada :D

    Tequieroooooooooo Potris !!
    Besazo !

    ResponderEliminar
  43. Pues que yo sepa no hay forma de averiguarlo, el botón sólo recoge la información de la URL de la entrada y nada más. Dudo mucho que haya un sitio donde se guarden las estadísticas sobre quiénes lo compartieron.
    De cualquier modo voy a averiguar un poquito para asegurarme si se puede saber o no.

    Besos!

    ResponderEliminar
  44. Muchas gracias, ha funcionado perfectamente y sirve de mucho.

    Salud!

    ResponderEliminar
  45. Hola la plantilla que tengo en mi blog blogsdechristian.blogspot.com tiene un icono para acceder a redes sociales como facebook, twitter.. y tengo una página en facebook que quiero enlazar con ese icono, como lo puedo hacer??

    ResponderEliminar
  46. Busca en tu plantilla esta parte:
    <li><a href='#' title='Facebook'><img alt='Facebook' src='http://lh3.ggpht.com/_Kwwy9VyLMKw/S3qJ6-vpoGI/AAAAAAAAC0U/tD4WY3xtc7M/ico_facebook.png'/></a></li>

    Cambia el signo de gato(#) por la URL de tu Facebook.
    Saludos.

    ResponderEliminar
  47. Potrin, anduve jugando con los botones y decidí colocar los últimos (como barritas). Pero, la opción de facebook me sale con la F encima de la barrita. Además, me gustaría que el boton de twitter saliera a la izquierda del de facebook. Podrías ayudarme? D:!

    ResponderEliminar
  48. Hola Xime!,

    ¿No será tu navegador? Yo he entrado a tu blog y lo veo bastante bien, sin ningún problema.
    Para que los botones queden invertidos usa el código de esta forma:
    <!-- boton tweetmeme -->
    <script type='text/javascript'>
    tweetmeme_url = &#39;<data:post.url/>&#39;;tweetmeme_style = &#39;compact&#39;;
    </script>
    <script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
    </div>
    <!-- boton facebook -->
    <div style='float: right;'>
    <script>var fbShare = {
    url: &#39;<data:post.url/>&#39;,
    size: &#39;small&#39;,
    }</script>
    <script src='http://widgets.fbshare.me/files/fbshare.js'/>

    Saludos!

    ResponderEliminar
  49. Vale, lo hice de otra forma. Decidí eliminar el botón de fb y dejar solo twitter. Ahora tengo otro problema... perdona que te lko plantée aquí mismo. La parte de los widgets que tengo al lado derecho se me desfasó. en vez de comenzar junto con la parte donde van las entradas y eso ynicia cuando esa finaliza. He logrado "que se vea normal" al configurar que solo se vea una entrada. Pero si le pongo más, se desconfigura. te dejo un link con la imagen del problema.

    http://img705.imageshack.us/img705/1989/problemavj.jpg

    http://img641.imageshack.us/img641/471/problema2k.jpg

    Podrías ayudarme por favor? ><

    ResponderEliminar
  50. Hola potro, como siempre muchas gracias.. tus trucos son facinantes..

    ResponderEliminar
  51. Gracias por los codigos,pero en la opcion mini,nomas sale la de twitter y la de fcbk sale igual que las de arriba...no sale mini!!

    ResponderEliminar
  52. Blogs de Christian, GCC., por nada :)

    Xime!, ¿hiciste un cambio a la plantilla antes de que pasara eso? o bien, ¿estás usando el Leer más de Blogger?

    americano_10, qué bueno que la información de este sitio te sea de utilidad!

    Microboy90, no tendría porqué salir así, acabo de probar el código para verificarlo y no presentó ningún problema.

    ResponderEliminar
  53. El último cambio que hice en la plantilla tenia que ver con un gadget de facebook, aparte del botón "tuyo" que había tratado de colocar... pero no tengo "guardada" la plantilla... Beuno, ya se me ocurre cómo arreglarlo XD... ir revisando simultaneamente la que tengo ahora con la original XD lulz!
    Bueno Potrin, gracias por la ayuda que nos brindas. Te aviso cómo me fue luego :P

    ResponderEliminar
  54. Genial exactamente lo que buscaba , thanks!

    ResponderEliminar
  55. Hola Potro,

    Quería implantar los botones de twitter y Facebook en mi blog pero al empezar he encontrado un problema, y es que no tengo la línea "", a lo sumo tengo data:post.title., y lo he mirado con los artilugios expandidos.

    La plantilla que uso está modificada y venía así, hay alguna solución?

    Un saludo.

    ResponderEliminar
  56. Puedes intentar ponerlo arriba de <data:post.body/>

    Saludos.

    ResponderEliminar
  57. excelente aportacion !!!

    muchisimas gracias, kedan genialees !!!

    ResponderEliminar
  58. Efectivamente arriba del data:post.body si que se pueden agregar.

    Muchas gracias!

    ResponderEliminar
  59. Genial, estupendo, magnifico, desde hace tiempo queria hacer esto...gracias (y)

    ResponderEliminar
  60. HOLA BUEN TRUCO MIENTRAS ME FUNCIONO.. TUVE PROBLEMAS CON MI BLOG AL QUERES ABRIR LOS ELEMNTOS DE PLANTILLA ME MANDABA ERROR ."IMPOSIBLE INTERPRETAR PLANTILLA..M NO TUVE MAS OPCION QUE ELIMINAR EST TRUCO Y ASUNTO ARREGLADO.. YA ENTRO NUEVAMENTE..

    ResponderEliminar
  61. Debió suceder dos cosas, un problema temporal de Blogger, o había un código que no estaba del todo bien.
    Por cierto, para solucionar ese mensaje que dice "Undefined" sigue estos pasos.

    Saludos.

    ResponderEliminar
  62. Hola Potro:

    Muchas gracias por el recurso y por explciarlo de manera tan sencilla. De todas formas, el botón de Facebook no se ve en mi blog: ¿debo entender que es un problema temporal de FB o que ha cambiado la URL del widget? Hace una hora que lo tengo activado y nada.

    Muchas gracias de nuevo y un saludo.

    ResponderEliminar
  63. Parece que era un problema temporal, he entrado a tu blog y ya lo veo funcionando sin problemas.

    Saludos.

    ResponderEliminar
  64. Disculpa mi insistencia, pero el botón de FB ni en Firefox ni en explorer he conseguido verlo... Quizá sea problema de mi pc? Bueno, muchas gracias de todos modos.

    Javier M.

    ResponderEliminar
  65. No podría asegurarte si es tu PC o la versión de tus navegadores.
    Te confirmo, se ven ambos botones de Facebook y Twitter en Google Chrome 4.1, Internet Explorer 8 y Mozilla 3.6

    Saludos.

    ResponderEliminar
  66. Hola Potro tengo una pregunta, como puedo hacer para que en lugar de los botones de face o twitter aparezca el de bitacoras.com, ya que el codigo que me da bitacoras dice que tengo que agregar el codigo del post manuelamente, no habra algo para que se de por defecto como en los que tienes abajo de tu entrada de bitacoras?

    ResponderEliminar
  67. No he visto el gadget de Bitácoras para Blogger, necesitaría ver el código que te dan para darme una idea de si se puede poner en la plantilla.
    Podrías poner uno sencillo basándonos en la idea del que tengo en los marcadores sociales, pero no mostraría el número de veces que ha sido compartido, votado, etc.

    ResponderEliminar
  68. Hola Potro, sólo para decirte que me ha servido y darte las gracias, no sé que haría sin esto que nos das aquí.
    un beso grande

    ResponderEliminar
  69. Gracias a ti por entrar a este sitio que como siempre es un placer que nos visites.

    ¡Buen fin de semana!

    ResponderEliminar
  70. Muchas gracias que bien me a quedado siii

    ResponderEliminar
  71. Me alegro que les haya sido útil =)

    ResponderEliminar
  72. Lo quiero poner en mi sitio web y no puedo se me mueve se me dictorciona todo...

    ademas no entiendo en ke parte ponerlo en ke seccion

    ResponderEliminar
  73. Si lees de nuevo la entrada verás que se explica dónde se debe poner el código.

    ResponderEliminar
  74. Gracias "el Potro" muy buen post, funciona perféctamente. Se agradece que haya gente como tú por la red

    ResponderEliminar
  75. Qué bueno que te ha dado buenos resultados =)

    ResponderEliminar
  76. Muchas gracias! Sencillo y bien explicado, y funciona perfectamente. Un saludo

    ResponderEliminar
  77. Me alegro que te haya sido útil.
    ¡Saludos!

    ResponderEliminar
  78. Buenísimo, ya se lo puse a 2 de mis blogs y voy a hacerlo con un tercero.
    ¿Sabes algo de @anywhere? Sigo batallando con ese código.

    ResponderEliminar
  79. Ni idea, no creo haber escuchado antes sobre el tema.
    Saludos.

    ResponderEliminar
  80. & como hago para que salga solo, la imagen de Facebook, que tienes debajo de toda tu entrada, yo solo quiero esoo..

    Respondeme please..

    ResponderEliminar
  81. El que yo tengo abajo es parte de los marcadores sociales, aquí puedes ver cómo se ponen.

    ResponderEliminar
  82. Gracias amigo funciona de maravilla. saludos

    ResponderEliminar
  83. Graaaaaaaaaaaaaaaaaaaaaaaaaaacias!
    Buske este por mas de un mes x----x

    ResponderEliminar
  84. Qué bueno que al fin lo hayas encontrado :)

    ResponderEliminar
  85. Genial, funcionó de primera y a la primera!!

    ResponderEliminar
  86. oye amigo en la plantilla revolution church no me aparecen entradas antiguas ni recientes..¿me ayudas?
    Atte: Tu Viejo amigo blogio con nuevo Nick xd.

    ResponderEliminar
  87. Hola °♫ąłЄJªиĐ®Θ♫ ,

    Qué gusto leerte de nuevo por aquí, aunque tu nuevo nick me será imposible pronunciarlo :P

    Prueba con esto, busca este código y elimina lo que está en negrita:

    #blog-pager-newer-link {
    float: left;
    display: none;
    }
    #blog-pager-older-link {
    float: right;
    display: none;
    }
    #blog-pager {
    text-align: center;
    display: none;
    }

    ResponderEliminar
  88. y si quieres puedes llamarme blogio o como sea mas conveniente, y recuerda que desde hoy comentare mas seguido en ciudad blogger ;)

    ResponderEliminar
  89. Hola Potro,

    Vuelve para preguntarte sobre el botón de compartir de Twitter y es que lo he colocado encima del y el de Facebook funciona perfectamente pero el de Twitter siempre arroja "URL points to the wrong story", a qué puede ser debido? Hay algún otro método?

    ResponderEliminar
  90. Hola Onetwothree,

    No sé en cuál blog te esté fallando, yo he entrado a I TOLD YOU SO!! intenté compartir un artículo tuyo usando el botón y no tuve ningún problema ni mensaje de error.

    ResponderEliminar
  91. Hola Potro,

    Si, me refiero a "I Told You So!!" y el caso es que yo he probado en algunos artículos y además me ha avisado algún lector de que no puede compartir entradas y siempre me remite al "URL points to the wrong story" pero sólo en el caso de Twitter no en el de Facebook.

    Un saludo.

    ResponderEliminar
  92. Como te dije, yo hice la prueba dos veces (con el de Twitter) y no hubo problema alguno. Incluso ahora mismo acabo de probarlo nuevamente y todo estuvo sin inconvenientes.

    Saludos.

    ResponderEliminar
  93. hola potro, bueno he probado esto pero veo que aparece ne la pagina principal, yo quisiera qeu solo apareciera cuando abro una entrada, nose si eso puede ser posible saludos...

    ResponderEliminar
  94. Hola Carlos Javier,

    Para que sólo se muestre en las entradas individuales usa así el código:

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

    ...aquí el código para Twitter y Facebook...

    </b:if>

    Sólo pon donde se indica el código que se menciona en la entrada.
    Saludos.

    ResponderEliminar
  95. Hola otra vez!

    He puesto la última opción y me sale lo mismo que he leido en un comentario, el de Twitter pequeñito y el de Facebook con el número de Shares en grande, además mientras que en Twitter lo que me comparte es sólo el post al que se presona el botón, en Facebook comparte el Blog completo (además el número de Shares es siempre el mismo en todos los post)
    No sé si me he explicado bien, porque no tengo ni idea de esto...

    Me puedes guiar un poco???

    Muchas gracias de antemano!!!

    ResponderEliminar
  96. Eso sólo sucede con la versión 7 y anteriores de Internet Explorer, en la versión actual (8) así como en los demás navegadores se ve bien. Así que más que un problema del proveedor del gadget es la versión de Internet Explorer que no lo muestra como debe ser.

    ResponderEliminar
  97. Muchísimas gracias! Ha sido muy util y muy fácil...

    Has escrito algo sobre social bookmarking? Merece la pena agregar eso?

    ResponderEliminar
  98. Aquí hay una entrada sobre cómo ponerlos. Tanto como si merece la pena o no es decisión tuya, se supone que es para facilitar que los lectores compartan el contenido, pero cada blog es distinto y tiene público distinto.

    ResponderEliminar
  99. Porque van tan lento la carga del bloc. Es insufrible.

    O es que no lo he echo bien??

    ResponderEliminar
  100. Porque van tan lento la carga del bloc. Es insufrible.

    O es que no lo he echo bien??

    ResponderEliminar
  101. Pueden ser varias razones: tu conexión, demasiados gadgets, muchos scripts en la plantilla, imágenes muy grandes, o quizá sólo es momentáneo.

    ResponderEliminar
  102. Discilpa, pero me carga muy despacio desde que he añadido el boton del facebook. Tendrà esto que ver?

    Pr cierto, bussco un gatchet con los comentarios recientes, pero necesito el codigo html, antes utilizaba uno de http://kunoichi.info/blogger_buster/comments.js pero ya no me funciona

    muchas gracias

    ResponderEliminar
  103. Entonces quizá es momentáneo, generalmente los dueños de esos gadgets tienen buena banda ancha con lo que no se debería tardar en cargar, al menos nadie más ha reportado que les haya alentado la carga del blog.

    El script no sé cuál sea el que usabas, sería bueno preguntar en donde conseguiste el código, quizá ellos tienen un respaldo del script.

    Saludos.

    ResponderEliminar
  104. buenísimo lo puse en mi blog:
    http://totalmusichits.blogspot.com/

    saludos !

    ResponderEliminar
  105. Hola Potro...
    ...inclui el boton de compartir en facebook, pero no lo veo funcionar (cuando paso el cursor por encima no se convierte en manito), lo copie tal cual como dices y se ve hasta bien al lado del titulo de mis entradas...

    por favor le puedes echar un vistazo...

    http://divagacionesinconclusas.blogspot.com/

    Gracias de antemano y un saludo cordial

    ResponderEliminar
  106. Hola Leo Rodríguez,

    Podría ser por tu plantilla que tiene algún estilo que está impidiendo su selección.
    Puedes intentar ponerlo en otro lugar, por ejemplo debajo de:

    <b:includable id='post' var='post'>

    Saludos.

    ResponderEliminar
  107. Buenisimo! completamente util!! gracias!

    ResponderEliminar
  108. Mi Blog a cambiado desde que descubri este lugar (:

    ResponderEliminar
  109. Hola,
    utilicé tu consejo y puse el código, pero al publicar en facebook aparecen unos códigos extraños en lugar del texto del artículo publicado (en la vista del blog en facebook). Debido a ésto traté de eliminar los códigos, pero sigue apareciendo. Porfavor te ruego me ayudes a solucionar este problema.
    www.ultracerca.blogspot.com

    ResponderEliminar
  110. Potro
    No creo que esté mal tu código, probablemente yo hice algo mal ya que hago estas cosas siguiendo instrucciones, pero en lo concreto no se nada de código html, pero si me puedes dar tu ayuda te estaré eternamente agradecida.

    ResponderEliminar
  111. ♥♀, espero y haya cambiado para bien :)


    Ia Caro, entré a tu blog pero parece que sí pudiste sacarlo pues ya no vi ninguno de los dos botones.

    ResponderEliminar
  112. Gracias por responder. Sí, los botones los saqué, pero después los pondré de nuevo.
    El problema en el que te pido ayuda es en la publicación de artículos del blog en facebook, al hacerlo no aparecen las primeras líneas del texto como es habitual(junto al título del artículo y la imagen a elegir), en lugar de texto aparece esto:

    dir='ltr' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

    No sé porqué pasó esto.
    Si puedes, porfavor, prueba publicar en facebook un artículo de mi blog y verás a qué me refiero.
    Gracias.

    ResponderEliminar
  113. Podría ser que cuando pusiste el código de los botones lo has de haber puesto en otro lugar distinto al que debería ser.
    Necesitaría que tengas puesto el botón para poder usarlo y publicar en Facebook una entrada tuya y ver qué está pasando realmente. Pues si lo hago desde Facebook (ya lo hice) de la manera habitual todo parece funcionar perfecto.

    Saludos.

    ResponderEliminar
  114. Ya puse los botones de nuevo, y sigue pasando. Help!

    ResponderEliminar
  115. Lo veo funcionando muy bien, mira:
    http://i50.tinypic.com/qxudlu.png

    ResponderEliminar
  116. Así veo, gracias, pero esto es muy extraño, mira como me sale a mí:
    http://img268.imageshack.us/img268/6558/coso1.jpg

    ¿Porquééeeééé?

    ResponderEliminar
  117. ¿Sabes? Me he fijado que sólo sucede con Mozilla Firefox, lo he probado con Google Chrome e incluso con Internet Explorer que suele ser el que más problemas da y nada, funciona perfecto sólo con Firefox sucede eso.
    Pero no creas que es tu blog, pues lo probé también con otro blog y sucede lo mismo en Firefox con lo cual me hace pensar que se debe a una incompatibilidad del script con el navegador.
    Quita el script de Facebook y en su lugar usa el que se menciona aquí:
    http://www.facebook.com/facebook-widgets/share.php

    Ese es el gadget oficial de Facebook y ese sí deberá funcionar también en Firefox.
    De cualquier modo mañana yo también lo probaré, pues de funcionar actualizaré la entrada para cambiar el script.

    Saludos.

    ResponderEliminar
  118. Gracias otra vez, Potro.
    Puse el que me indicaste pero nada.
    Me rindo!

    ResponderEliminar
  119. Hola Ia Caro,

    Entré desde Firefox y probé en nuevo botón y veo que ya funciona perfecto.

    ResponderEliminar
  120. Retiro lo dicho, ahora me he fijado en algo, que si se usa el botón desde la página principal funciona bien, pero si se usa desde la entrada entonces ahí es cuando aparecen esos códigos.
    Definitivamente es Firefox el que está dando problemas :s

    ResponderEliminar
  121. gracias potro me kedo genial no se que seria de mi blog si no existiera ciudadblogger

    ResponderEliminar
  122. @El Potro Muy buen post, de hecho y creo que si te diste cuenta que use estos en Curiosidades del Mundo y me han servido, pero me di cuenta que alentan la carga.
    los quite, pero ahora me arrepiento dije, mejor los coloco de nuevo
    estuve probando con Google, y con Digg pero nada que ver mejor me quedo con estos 2

    ResponderEliminar
  123. El de Google aún no tiene mucha popularidad aun y el de Digg no es conocido en Latinoamérica así que esos no vale la pena tenerlos. Los otros quizá puedan alentar un poco pero si da buenos resultados con los lectores entonces vale la pena tenerlos.

    ResponderEliminar
  124. Hola, a mi solo me salen como imagen no como link :( lo he puesto debajo de:



    y también debajo de:



    y nada!!! estoy usando la tercera opción para q salgan de forma horizontal al costado derecho de los titulos!

    ResponderEliminar
  125. Disculpa, debajo de:

    b:if cond='data:post.title'
    :includable id='post' var='post'

    ResponderEliminar
  126. Ahh! Y a veces la imagen de facbook no carga y creo que ha hecho mi página más lenta :(

    Gracias por todo!

    ResponderEliminar
  127. No veo que lo tengas puesto en tu blog.
    El de Facebook últimamente está tardando demasiado en cargar, si crees que te alenta mucho lo mejor es no usarlo, de todas formas veo que usas un gadget para compartir que ya tiene Twitter y Facebook, quizá esos te funcionen mejor.

    Saludos.

    ResponderEliminar
  128. potro yo kiero k me salga eso de puedes de dale a more osea en la pagina principal no si no el la pagina despues k le dan a more como ajo eso eh ayudame

    ResponderEliminar
  129. Lee el comentario #119 ahí está la respuesta.

    ResponderEliminar
  130. Hey Potro Yo Tengo Un Problema Con Estoy Te lo Explico Con Las Imagenes:
    Imagen #1 Link: http://i47.tinypic.com/jhsniv.jpg Mira Haci Es K Yo kiero k me salga a Mi pero Ami me esta saliendo de otra forma
    Imagen #2 Link: http://i48.tinypic.com/2dahv2c.jpg Si Te da Cuenta A mi me sale De Otra Forma Entoce Yo kisiera saber como poner k me salga como la primera imagen ayudame lo mas rapido posible

    ResponderEliminar
  131. ¡Gracias! Muy útil y muy bien explicado para los que no tenemos ni idea.

    ResponderEliminar
  132. wWw.AltamiraMusic.NeT, el código no tiene ningún estilo para que aparezca ese espacio, quizá es tu plantilla no lo sé, lo único que se me ocurre es que pruebes poniéndo el código debajo de <div class='post-body'>

    Eteiss, qué bueno que te ha sido de ayuda :)

    : : SEGMENTO, te agradezco tu comentario :)

    ResponderEliminar
  133. Estimado Potro, cómo estás?

    Tengo una consulta sobre el botón "me gusta" de Facebook. La planteo aquí porque no se si hay un post específico.

    Uso el siguiente código para poner el botón en cada post:

    -iframe src="http://www.facebook.com/plugins/like.php?href=URL-PARA-ME-GUSTA&layout=standard&show_faces=false&width=450&action=like&font=verdana&colorscheme=light&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true"--/iframe-

    Quisiera saber que URL debo tener para que automáticamente quede la que se genere para el post. Ahora lo que hago es publicar una nota, copiar la URL generada para el post, entrar a editarlo y reemplazar URL-PARA-ME-GUSTA por la URL generada.

    Muchas gracias.

    ResponderEliminar
  134. Aquí está completo:

    <iframe 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=35&amp;action=like&amp;font=tahoma&amp;colorscheme=dark&quot;' allowTransparency='true' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px'/>

    ¡Saludos!

    ResponderEliminar
  135. Hola Potro, he probado y no me aparece el botón una vez publicado, queda como un espacio en blanco.

    Probé cerrando el código con /iframe y con /iframe expr pero no anduvo.

    Pego el código que uso hasta ahora de nuevo, porque no se si lo hice bien antes:

    -iframe src="http://www.facebook.com/plugins/like.php?href=URLMEGUSTA&layout=standard&show_faces=false&width=450&action=like&font=verdana&colorscheme=light&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true"--/iframe-

    La idea sería href=URLMEGUSTA por href=" + data:post.url+ " no?

    El tema es que haciendo eso aparece el botón con casi 3 mil personas a las que le gusta el post (no es ningún post mío seguro!! jeje) y si lo presiono da error.

    Siempre yo con estas cosas, pero es por mera igorancia...

    ResponderEliminar
  136. No sabría decirte, en realidad nunca lo he utilizado. Lo mejor es que preguntes aquí, seguro sabrán darte una respuesta más concreta.

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

    ResponderEliminar
  138. Este es el post. Y el botòn de Facebook desapareciò. ¿Serìas tan gentil de fijarte en mi blog? http://drgoliamiguel.blogspot.com/ no se porquè se fuè de los post :(
    Bechos !!!!!
    PD: decime que tengo que hacer para arreglarlo. Recièn mirè la plantilla (viendo a su vez tu post) està todo igual, no ha cambiado nada. Pero el botòn no està. Y ahora estoy en otro lado, en una oficina que tienen una Wind.XP asi que mi compu no es :D

    ResponderEliminar
  139. Parece que es el sitio que no está funcionando muy bien, de por sí hace unas semanas que anda muy lento, en estos días publico otro gadget para que lo remplaces.

    ¡Besos!

    ResponderEliminar
  140. Hola que tal! lo inserté en mi blog pero me sale 41 share arriba? eso se refiere a cuantas veces se compartio ? o estoy mal jejeje porque apenas lo puse y sale ese numero ojala me puedas ayudar...saluditoss!

    ResponderEliminar
  141. Perdon este es el link de mi blog http://moldesparatodo.blogspot.com/

    ResponderEliminar
  142. Hola`Eunice,

    Entré a tu blog y veo que elegiste el botón pequeño pero no veo ningún número, sin embargo desde Internet Explorer se ve el botón grande con el número 44
    Desde hace dos semanas el gadget de Facebook ha estado fallando, quiero pensar que quizá se trata de eso, de un error temporal del gadget y no otra cosa.
    Por si las dudas mañana publicaré otro gadget que hace lo mismo y que parece que es más confiable.

    Saludos.

    ResponderEliminar
  143. ¡Qué bien! Ésto es lo que estaba buscando para poner en mi blog, aunque me gustaría que en lugar de que apareciera junto al nombre de la entrada, me gustaría que apareciera al final. ¿cómo se podría hacer?

    Muchas gracias por esta idea.

    Un saludo

    ResponderEliminar
  144. Hola Yolanda,

    Lamentablemente no se puede, el botón es proporcionado por un servicio externo y son ellos los que configuran el modo que se comparten las entradas.

    Saludos.

    ResponderEliminar
  145. Muchas gracias por tu información. De todas formas creo que situar el enlace junto a la entrada es mejor que al final. De otra manera, sería más difícil enlazar.

    Un saludo.

    ResponderEliminar
  146. Perdón Yolanda, te había entendido mal, algo completamente distinto.
    Sí, sí se puede poner el botón al final de la entrada, puedes hacerlo poniendo el código debajo de <div class='post-footer'>
    O de
    <div class='post-footer-line post-footer-line-1'>

    Saludos.

    ResponderEliminar
  147. Me guardo el código, por si cambio de opinión. ¿No crees tú que es mejor que estén junto al título de la entrada? Yo creo que sí, porque como los iconos son tan pequeñitos, no comen mucho espacio.

    Muchas gracias de nuevo.

    Un saludo.

    ResponderEliminar
  148. A mí gusto personal también los prefiero arriba, estadísticamente las entradas se comparten más si el botón está visible así que es mejor tenerlo arriba, pero eso ya quedará al gusto de cada quién.

    ¡Saludos!

    ResponderEliminar
  149. Hola Potro!
    Cambie de plantilla y volvi a colocar estos botones, solo que nada mas aparecen las imagenes... ya probe poniendo los codigos abajo de:
    b:if cond='data:post.title'
    y de:
    b:includable id='post' var='post'
    pero no funciona.

    En esta plantilla tampoco me funciona el boton de imprimir la entrada (ni siquiera aparece la imagen)

    http://armonizandotuvida.blogspot.com

    Gracias por tu ayuda.

    ResponderEliminar
  150. Otra pregunta:
    En el blog, tengo un gadget de texto en el cual cambio la cita (frase) diariamente ¿como puedo almacenarlas?

    Gracias por tu atención.

    ResponderEliminar
  151. Hola Siria Grandet.,

    Prueba poniendo los códigos de los botones debajo de esta línea:
    <div class='post-header'>

    Sobre el botón de imprimir, si es el de imprimir sólo la entrada no funciona en esas plantillas, si es este otro sí debe aparecer pero sólo en las entradas individuales ya que usa el Leer más.

    Para las frases creo que esta opción es la más adecuada para ti.

    Saludos.

    ResponderEliminar
  152. Ya estan funcionando bien los botones, he colocado la opcion de imprimir que me acabas de dar y pronto arreglare el gadget de las frases...
    Gracias!!!! que bueno que podemos contar con tu ayuda, sin duda es la mejor pagina de trucos para Blog.

    Saludos, que estes bien.

    ResponderEliminar
  153. Te agradezco tus comentarios y me da gusto que ya esté funcionando todo bien :)

    ResponderEliminar
  154. Muchas gracias!

    errorre.blogspot.com

    ResponderEliminar
  155. Hola Potro, cómo estás? Hace días que noto que al compartir una nota de mi blog en Facebook no se comparte bien, ya que aparece el titulo de página y no del post, y tampoco aparece el resumen del post.

    Probé de compartir esta nota tuya, con el botón que tienes al pie del post, y sucede lo mismo, tienes idea como puedo resolverlo? No se si no viene por el lado de meta tags...

    Lo que se es que antes funcionaba bien, no se hice algo o que pasó...

    ResponderEliminar
  156. Pues yo he probado el botón que tienes debajo de tu entrada y ha aparecido el título de la entrada y no de tu blog, es decir que no le encuentro problema.
    Sin embargo en el resumen sí veo que aparecen códigos, al parecer está tomando el código de un script que tienes, posiblemente de la fecha.
    El botón de Facebook ya sea este, el oficial o el de Blogger está dando problemas a todos, parece que es Facebook quien no tiene bien algo funcionando :s

    ResponderEliminar
  157. Esto es lo que he encontrado:

    http://forum.developers.facebook.com/viewtopic.php?pid=248030

    Disculpa que pegue el link aquí, pero está relacionado.

    Quizás tu puedas entender mejor lo que explica ptarjan en esa nota.

    Por otra parte, lo que cambié en mi plantilla desde la consulta que te hice fue eliminar las líneas con meta tags que había agregado en base a un post tuyo. Con esas líneas aparecía directamente el título de mi blog y la descripción, y nada del post en particular...

    No se me ocurre nadie más que pueda resolver esto! ;-)

    ResponderEliminar
  158. Otro post que puede servir:

    http://blog.yanivkessler.com/2010/07/teach-your-blogger-blog-to-speak.html

    Este lo he probado para solucionar esto pero no queda bien...

    Saludos

    ResponderEliminar
  159. Claro, eso es lo que tenía en la plantilla, pero con ese código siempre aparece el título del blog y su descripción.

    Como te sucede a ti con esta entrada, al presionar el botón compartir al pie de la nota, queda Ciudad Blogger, el link del post, y la descripción del Blog.

    Al eliminar las meta tags se genera bien el título del post y el link, pero algo falla con la descripción.

    ResponderEliminar
  160. Pues según los links que me diste esa es la solución. También podrías probar quitando el gadget de la fecha.

    ResponderEliminar
  161. Hola potro, estrenando estos nuevos botones en mi blog puse los mas pequeños pero no se ponen los globos donde se ponen los numeros :D, como los podria poner, puedes ver el ejemplo en cada entrada de mi blog en la cabecera del post :D

    por ejem, mira aqui:
    http://myestilodeyo.blogspot.com/2010/07/iconos-de-redes-sociales.html

    los numero no tienen globos como fondo.

    ResponderEliminar
  162. En la versión mini así es el diseño, el número queda fuera del recuadro.

    ResponderEliminar
  163. estimado, alguna forma de actualizar el actual botón oficial de twitter (en vertical: arriba twitter, abajo facebook). He intentado, pero en explorer el botón facebook se corre a la izquierda.

    saludos potro.

    ResponderEliminar
  164. No lo he probado, pero debería ir debajo de:
    <div style='float: right;margin-left:10px;'>

    ResponderEliminar
  165. Buenas, me ha venido de maravilla para mi blog, pero tengo un problema, somos dos los que actualizamos el blog y en mis entradas si aparece pero en las suyas no, por que puede ser?

    muchas gracias por adelantado! :D

    ResponderEliminar
  166. Quizá tienes alguna otra modificación sobre los dos autores pues no debe interferir con las entradas de cualquier autor.
    Verifica que no tengas otra línea igual a la que se menciona, de ser así prueba poner el código en la otra línea que has encontrado.

    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