Cada 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 == "item"'>
<!-- boton tweetmeme -->
<div style='float: right;'>
<ul style='list-style:none;'><li>
<script type='text/javascript'>
tweetmeme_url = '<data:post.url/>';
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/></li>
<br/>
<!-- boton facebook -->
<li><script>var fbShare = {
url: '<data:post.url/>',
}</script>
<script src='http://widgets.fbshare.me/files/fbshare.js'/></li></ul>
</div>
</b:if>
El resultado será este:
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 == "item"'>
<!-- boton tweetmeme -->
<div style='float: right;margin-left:10px;'>
<script type='text/javascript'>
tweetmeme_url = '<data:post.url/>';
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
<!-- boton facebook -->
<script>var fbShare = {
url: '<data:post.url/>',
}</script>
<script src='http://widgets.fbshare.me/files/fbshare.js'/>
</div>
</b:if>
El resultado será este:
Aun si tampoco ninguno de esos te gustara puedes usar la versión mini que sería esta:
En ese caso el código sería este:
<b:if cond='data:blog.pageType == "item"'>
<!-- boton facebook -->
<div style='float: right;'>
<script>var fbShare = {
url: '<data:post.url/>',
size: 'small',
}</script>
<script src='http://widgets.fbshare.me/files/fbshare.js'/>
<!-- boton tweetmeme -->
<script type='text/javascript'>
tweetmeme_url = '<data:post.url/>';tweetmeme_style = 'compact';
</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.
Hola estos botones son muy buenos, en mi blog tengo el de tweetmeme hace rato y da mas facilidad para que me hagan RT
ResponderEliminar:)
saludos!
Sin duda, como dice Fabian. Yo tengo el el mismo boton, que tengo que agradecertelo a ti bro, porque me has pasado ese truco!!!!
ResponderEliminarUn abrazo!!!
Excelente Potro !!
ResponderEliminarMe quedaron geniales =)
Graciaaaaaaaaaas :)
Besos
fabian, ciertamente ayuda a que hagan RT, curiosamente aunque todos los marcadores sociales tienen ya este botón de Twitter, nadie lo usa :S
ResponderEliminarcyberbloggero, 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!
Bravo!!!! gracias
ResponderEliminarQué bueno que les ha gustado.
ResponderEliminarSaludos!
Muy muy Bueno eh!
ResponderEliminarsin 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
Hola unrealmat,
ResponderEliminarCon 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.
ohhh yeeah, eso esta genial, muchas gracias brother, me parecio excelente, ya lo estoy usando, grax de nuevo
ResponderEliminarYa lo veo funcionando =)
ResponderEliminarSaludos.
Me vino bien. ¡Gracias!
ResponderEliminarGracias a ti por pasar. Saludos.
ResponderEliminarPotro, 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í?
ResponderEliminarA 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
Hola FakeDark,
ResponderEliminarSólo hay que pegar el código que corresponde, en este caso el de Twitter, pero veo que ya lo has arreglado.
Saludos!
Hola Maria Rosa,
ResponderEliminarSi quieres que quede más abajo pega el código debajo de esta etiqueta:
<div class='post-body'>
Besos!
Ahora si !! ;)
ResponderEliminarGraciaaaaaaaaas
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í.
ResponderEliminarUn abrazo!!!
Es verdad son muy extraños, se la pasan haciéndose regalitos, jaja. Un abrazo!
ResponderEliminarQuedan perfectos! muchas gracias..
ResponderEliminarSe podrán conseguir en español?
Hola ezeqdb,
ResponderEliminarHasta el momento no hay opciones de idioma.
Saludos.
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.
ResponderEliminarcual crees tu que es el problema, agradezco tu ayuda
el blog es
http://elcofredejollas.blogspot.com/
Hola JOVENES LLAMADOS A SERVIR "JOLLAS",
ResponderEliminarEstá funcionando a la perfección, acabo de compartir tu primera entrada en Facebook y salió sin problemas.
Saludos.
gracias Potro por tu confirmacion
ResponderEliminarbuenas. ya tengo casi todo listo solo me falta saber donde pego el URL de mi facebook en la etiqueta.
ResponderEliminarperdon si es una pregunta burda, es q no se nada de lenguaje HTML
gracias
Hola Luciano Raful,
ResponderEliminarNo 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.
Hola Potro saludos,
ResponderEliminarMira 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...
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:
ResponderEliminarhttp://www.facebook.com/facebook-widgets/share.php
Saludos.
Potro,
ResponderEliminarOk gracias si va!!! lo tomaré en cuenta por si las mosca me da por cambiarlo.
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.
ResponderEliminarSaludos.
muchas pero muchas gracias!!!
ResponderEliminarPor nada SP, saludos!
ResponderEliminarMuchas gracias por compartir!!
ResponderEliminarGracias a ti por tu visita ;)
ResponderEliminarMuy bueno, es lo que buscaba, te dejo mi blog para que veas como quedó: http://fuerzanaturalstereo.blogspot.com/
ResponderEliminar¡Bien! Ya lo he visto funcionando ;)
ResponderEliminargracias amigo ahora podre compartir mi contenido a todo los amigos de facebook y twitter... saludos
ResponderEliminar--- lo bueno es que funciona altiro ----
:D
Funciona bastante bien, o al menos nadie se ha quejado :P
ResponderEliminarSaludos!
Por más que busco, no encuentro el código...es como buscar una aguja en un pajar.. :(
ResponderEliminarHola Daniela,
ResponderEliminarNecesitas 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.
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.
ResponderEliminarhttp://eterna-insatisfaccion.blogspot.com
Saludos!!
Hola Neoneka,
ResponderEliminarPuede ser un asunto de los estilos de tu plantilla. Prueba poner el código debajo de la etiqueta <div class='post-body'>
Saludos.
Hey POTRO, te comento que hice lo de mover el código como me indicaste, sin embargo eso no arregló el problema, aparecia igual.
ResponderEliminarLa 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!
Otra razón más para continuar con el editor anterior :D
ResponderEliminarMuchas gracias por compartirlo.
Saludos.
Hola Brother, queria consultarte acerca de estos botones.
ResponderEliminarResulta 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
Hola Adrián J. Messina,
ResponderEliminarEs 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.
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.
ResponderEliminarHola, 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.
ResponderEliminarEs 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.
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
ResponderEliminarVicky, 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!
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).
ResponderEliminarBueno, gracias por todo, Potro, por tus acertadas explicaciones, como siempre. Saludos!
Exacto, sólo le aparecerá en su muro la entrada que haya elegido compartir, nada más.
ResponderEliminarSaludos!
Muchas gracias.
ResponderEliminarMuchas gracias. Muy útil.
ResponderEliminarPotris :)
ResponderEliminarUna 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 !
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.
ResponderEliminarDe cualquier modo voy a averiguar un poquito para asegurarme si se puede saber o no.
Besos!
Gracias
ResponderEliminarHola 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??
ResponderEliminarBusca en tu plantilla esta parte:
ResponderEliminar<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.
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:!
ResponderEliminarHola Xime!,
ResponderEliminar¿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 = '<data:post.url/>';tweetmeme_style = 'compact';
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
</div>
<!-- boton facebook -->
<div style='float: right;'>
<script>var fbShare = {
url: '<data:post.url/>',
size: 'small',
}</script>
<script src='http://widgets.fbshare.me/files/fbshare.js'/>
Saludos!
gracias potro , kedo perfecto
ResponderEliminarVale, 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.
ResponderEliminarhttp://img705.imageshack.us/img705/1989/problemavj.jpg
http://img641.imageshack.us/img641/471/problema2k.jpg
Podrías ayudarme por favor? ><
Hola potro, como siempre muchas gracias.. tus trucos son facinantes..
ResponderEliminarGracias 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!!
ResponderEliminarBlogs de Christian, GCC., por nada :)
ResponderEliminarXime!, ¿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.
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!
ResponderEliminarBueno Potrin, gracias por la ayuda que nos brindas. Te aviso cómo me fue luego :P
Vale, que todo salga bien ;)
ResponderEliminarGenial exactamente lo que buscaba , thanks!
ResponderEliminarHola Potro,
ResponderEliminarQuerí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.
Puedes intentar ponerlo arriba de <data:post.body/>
ResponderEliminarSaludos.
excelente aportacion !!!
ResponderEliminarmuchisimas gracias, kedan genialees !!!
Efectivamente arriba del data:post.body si que se pueden agregar.
ResponderEliminarMuchas gracias!
Qué bueno que les ha servido :)
ResponderEliminarGenial, estupendo, magnifico, desde hace tiempo queria hacer esto...gracias (y)
ResponderEliminarGracias a ti por tu visita!
ResponderEliminarHOLA 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..
ResponderEliminarDebió suceder dos cosas, un problema temporal de Blogger, o había un código que no estaba del todo bien.
ResponderEliminarPor cierto, para solucionar ese mensaje que dice "Undefined" sigue estos pasos.
Saludos.
Hola Potro:
ResponderEliminarMuchas 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.
Parece que era un problema temporal, he entrado a tu blog y ya lo veo funcionando sin problemas.
ResponderEliminarSaludos.
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.
ResponderEliminarJavier M.
No podría asegurarte si es tu PC o la versión de tus navegadores.
ResponderEliminarTe confirmo, se ven ambos botones de Facebook y Twitter en Google Chrome 4.1, Internet Explorer 8 y Mozilla 3.6
Saludos.
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?
ResponderEliminarNo 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.
ResponderEliminarPodrí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.
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í.
ResponderEliminarun beso grande
Gracias a ti por entrar a este sitio que como siempre es un placer que nos visites.
ResponderEliminar¡Buen fin de semana!
gracias!!!! :D
ResponderEliminarMuchas gracias que bien me a quedado siii
ResponderEliminarMe alegro que les haya sido útil =)
ResponderEliminarLo quiero poner en mi sitio web y no puedo se me mueve se me dictorciona todo...
ResponderEliminarademas no entiendo en ke parte ponerlo en ke seccion
Si lees de nuevo la entrada verás que se explica dónde se debe poner el código.
ResponderEliminarGracias "el Potro" muy buen post, funciona perféctamente. Se agradece que haya gente como tú por la red
ResponderEliminarQué bueno que te ha dado buenos resultados =)
ResponderEliminarMuchas gracias! Sencillo y bien explicado, y funciona perfectamente. Un saludo
ResponderEliminarMe alegro que te haya sido útil.
ResponderEliminar¡Saludos!
Buenísimo, ya se lo puse a 2 de mis blogs y voy a hacerlo con un tercero.
ResponderEliminar¿Sabes algo de @anywhere? Sigo batallando con ese código.
Ni idea, no creo haber escuchado antes sobre el tema.
ResponderEliminarSaludos.
Gracias, me fue muy útil. :)
ResponderEliminarMe alegro que te haya servido :)
ResponderEliminar& como hago para que salga solo, la imagen de Facebook, que tienes debajo de toda tu entrada, yo solo quiero esoo..
ResponderEliminarRespondeme please..
El que yo tengo abajo es parte de los marcadores sociales, aquí puedes ver cómo se ponen.
ResponderEliminarGracias amigo funciona de maravilla. saludos
ResponderEliminarMe alegro que te haya servido :)
ResponderEliminarGraaaaaaaaaaaaaaaaaaaaaaaaaaacias!
ResponderEliminarBuske este por mas de un mes x----x
Qué bueno que al fin lo hayas encontrado :)
ResponderEliminarGenial, funcionó de primera y a la primera!!
ResponderEliminaroye amigo en la plantilla revolution church no me aparecen entradas antiguas ni recientes..¿me ayudas?
ResponderEliminarAtte: Tu Viejo amigo blogio con nuevo Nick xd.
Hola °♫ąłЄJªиĐ®Θ♫ ,
ResponderEliminarQué 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;
}
¡Jejeje si Muy Dificil el Nick
ResponderEliminary Gracias!
y si quieres puedes llamarme blogio o como sea mas conveniente, y recuerda que desde hoy comentare mas seguido en ciudad blogger ;)
ResponderEliminarHola Potro,
ResponderEliminarVuelve 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?
Hola Onetwothree,
ResponderEliminarNo 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.
GRACIAS!
ResponderEliminarHola Potro,
ResponderEliminarSi, 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.
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.
ResponderEliminarSaludos.
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...
ResponderEliminarHola Carlos Javier,
ResponderEliminarPara que sólo se muestre en las entradas individuales usa así el código:
<b:if cond='data:blog.pageType == "item"'>
...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.
Hola otra vez!
ResponderEliminarHe 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!!!
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.
ResponderEliminarMuchísimas gracias! Ha sido muy util y muy fácil...
ResponderEliminarHas escrito algo sobre social bookmarking? Merece la pena agregar eso?
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.
ResponderEliminarPorque van tan lento la carga del bloc. Es insufrible.
ResponderEliminarO es que no lo he echo bien??
Porque van tan lento la carga del bloc. Es insufrible.
ResponderEliminarO es que no lo he echo bien??
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.
ResponderEliminarDiscilpa, pero me carga muy despacio desde que he añadido el boton del facebook. Tendrà esto que ver?
ResponderEliminarPr 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
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.
ResponderEliminarEl 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.
buenísimo lo puse en mi blog:
ResponderEliminarhttp://totalmusichits.blogspot.com/
saludos !
Hola Potro...
ResponderEliminar...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
Hola Leo Rodríguez,
ResponderEliminarPodrí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.
Buenisimo! completamente util!! gracias!
ResponderEliminarMi Blog a cambiado desde que descubri este lugar (:
ResponderEliminarHola,
ResponderEliminarutilicé 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
Potro
ResponderEliminarNo 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.
♥♀, espero y haya cambiado para bien :)
ResponderEliminarIa Caro, entré a tu blog pero parece que sí pudiste sacarlo pues ya no vi ninguno de los dos botones.
Gracias por responder. Sí, los botones los saqué, pero después los pondré de nuevo.
ResponderEliminarEl 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.
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.
ResponderEliminarNecesitarí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.
Ya puse los botones de nuevo, y sigue pasando. Help!
ResponderEliminarLo veo funcionando muy bien, mira:
ResponderEliminarhttp://i50.tinypic.com/qxudlu.png
Así veo, gracias, pero esto es muy extraño, mira como me sale a mí:
ResponderEliminarhttp://img268.imageshack.us/img268/6558/coso1.jpg
¿Porquééeeééé?
¿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.
ResponderEliminarPero 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.
Gracias otra vez, Potro.
ResponderEliminarPuse el que me indicaste pero nada.
Me rindo!
Hola Ia Caro,
ResponderEliminarEntré desde Firefox y probé en nuevo botón y veo que ya funciona perfecto.
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.
ResponderEliminarDefinitivamente es Firefox el que está dando problemas :s
@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.
ResponderEliminarlos 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
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.
ResponderEliminarHola, a mi solo me salen como imagen no como link :( lo he puesto debajo de:
ResponderEliminary también debajo de:
y nada!!! estoy usando la tercera opción para q salgan de forma horizontal al costado derecho de los titulos!
Disculpa, debajo de:
ResponderEliminarb:if cond='data:post.title'
:includable id='post' var='post'
Ahh! Y a veces la imagen de facbook no carga y creo que ha hecho mi página más lenta :(
ResponderEliminarGracias por todo!
No veo que lo tengas puesto en tu blog.
ResponderEliminarEl 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.
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
ResponderEliminarLee el comentario #119 ahí está la respuesta.
ResponderEliminarHey Potro Yo Tengo Un Problema Con Estoy Te lo Explico Con Las Imagenes:
ResponderEliminarImagen #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
¡Gracias! Muy útil y muy bien explicado para los que no tenemos ni idea.
ResponderEliminarSOS UN MAESTRO!
ResponderEliminarwWw.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'>
ResponderEliminarEteiss, qué bueno que te ha sido de ayuda :)
: : SEGMENTO, te agradezco tu comentario :)
SIN DUDA ERES EL REY DE REYES!!
ResponderEliminarTe lo agradezco :)
ResponderEliminarEstimado Potro, cómo estás?
ResponderEliminarTengo 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.
Aquí está completo:
ResponderEliminar<iframe expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+ "&layout=button_count&show_faces=false&width=450&height=35&action=like&font=tahoma&colorscheme=dark"' allowTransparency='true' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px'/>
¡Saludos!
Hola Potro, he probado y no me aparece el botón una vez publicado, queda como un espacio en blanco.
ResponderEliminarProbé 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...
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.
ResponderEliminarOk, gracias!!
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarEste 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 :(
ResponderEliminarBechos !!!!!
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
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.
ResponderEliminar¡Besos!
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!
ResponderEliminarPerdon este es el link de mi blog http://moldesparatodo.blogspot.com/
ResponderEliminarHola`Eunice,
ResponderEliminarEntré 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.
¡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?
ResponderEliminarMuchas gracias por esta idea.
Un saludo
Hola Yolanda,
ResponderEliminarLamentablemente 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.
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.
ResponderEliminarUn saludo.
Perdón Yolanda, te había entendido mal, algo completamente distinto.
ResponderEliminarSí, 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.
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.
ResponderEliminarMuchas gracias de nuevo.
Un saludo.
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.
ResponderEliminar¡Saludos!
Hola Potro!
ResponderEliminarCambie 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.
Otra pregunta:
ResponderEliminarEn el blog, tengo un gadget de texto en el cual cambio la cita (frase) diariamente ¿como puedo almacenarlas?
Gracias por tu atención.
Hola Siria Grandet.,
ResponderEliminarPrueba 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.
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...
ResponderEliminarGracias!!!! que bueno que podemos contar con tu ayuda, sin duda es la mejor pagina de trucos para Blog.
Saludos, que estes bien.
Te agradezco tus comentarios y me da gusto que ya esté funcionando todo bien :)
ResponderEliminarMuchas gracias!
ResponderEliminarerrorre.blogspot.com
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.
ResponderEliminarProbé 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ó...
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.
ResponderEliminarSin 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
Esto es lo que he encontrado:
ResponderEliminarhttp://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! ;-)
Otro post que puede servir:
ResponderEliminarhttp://blog.yanivkessler.com/2010/07/teach-your-blogger-blog-to-speak.html
Este lo he probado para solucionar esto pero no queda bien...
Saludos
Agrega metatags a tu blog:
ResponderEliminarhttp://ciudadblogger.com/2009/05/agregar-meta-tags-en-blogger.html
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.
ResponderEliminarComo 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.
Pues según los links que me diste esa es la solución. También podrías probar quitando el gadget de la fecha.
ResponderEliminarHola 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
ResponderEliminarpor ejem, mira aqui:
http://myestilodeyo.blogspot.com/2010/07/iconos-de-redes-sociales.html
los numero no tienen globos como fondo.
En la versión mini así es el diseño, el número queda fuera del recuadro.
ResponderEliminarok, gracias :D
ResponderEliminarestimado, 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.
ResponderEliminarsaludos potro.
No lo he probado, pero debería ir debajo de:
ResponderEliminar<div style='float: right;margin-left:10px;'>
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?
ResponderEliminarmuchas gracias por adelantado! :D
Quizá tienes alguna otra modificación sobre los dos autores pues no debe interferir con las entradas de cualquier autor.
ResponderEliminarVerifica 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.
waooooooooooo al fin super feliz estoy bravo man
ResponderEliminarEstimado amigo Potro,
ResponderEliminarMe da mucho gusto que muchos de los consejos y herramienta nos sirvan. Te felcicitooo muchoo
Solo te quería hacer una consulta, yo agregue los dos botones a mi blog para compartir. Pero mi duda es cuando apreto el boton de facebook y hago click en compartir me dice que el contenido esta bloqueado y no sé por qué.
Para que le des una vista, este es mi blog:
http://abeldazamonteiro.blogspot.com/
te agradecería mucho que me ayudaras
Mil gracias
Abel
Hola Abel Daza,
ResponderEliminarNo he tenido ese problema, lo probé en tu blog y funciona normal, supongo que era un problema temporal que ya se ha resuelto.
Saludos.
Gracias por tus trucos, acabo de cambiar de plantilla y he perdido muchos detalles, aunque nunca me preocupa cuando sé que estás tú y algunos otros, también conocidos tuyos.
ResponderEliminarEnhorabuena, como siempre,
Sandivina
Te agradezco mucho tu comentario :D
ResponderEliminarHola, la barra que me gustaría colgar en mi blog es la que tienes justo al final de tu post, donde pone 'Más trucos' abajo a la derecha.
ResponderEliminarComo puedo conseguirla o ponerla en mi blog?
Gracias de antemano
Un saludo
Pues no es ninguna barra, son las entradas relacionadas, sólo que yo les he puesto un color de fondo y borde.
ResponderEliminarNo me refiero a las entradas relacionadas, sinó a lo que hay a la derecha de ellas, una barra pequeña para compartir el articulo con facebook, twitter, google buzz, enviar por mail y por Blog. Lo veo ultimamente por muchos blogs y me gusta.
ResponderEliminar