Para quienes usan Facebook, poco a poco están apareciendo métodos de integración sencilla con blogs y otros sitios web ya que la empresa se encuentra en una franca pelea para controlar una parte del mercado que ahora tiene a Google como único dueño y señor.
Hasta hace poco, la mayoría de estas cosas eran bastante complejas pero han empezado a ofrecer algunos códigos más sencillos que pueden verse en su página de desarrolladores. Tal vez, los más interesantes son los plugins sociales y entre ellos, el famoso botón Me Gusta que permite a los usuarios, compartir contenido entre su sitio y la cuenta de Facebook de los visitantes.
Todo lo que hace falta para agregarlo a Blogger es copiar y pegar el código que no es otra cosa que un iframe:
<iframe expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+ "&layout=button_count&show_faces=false&width=450&height=60&action=like&font=tahoma&colorscheme=dark"' allowTransparency='true' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:60px'/>
Lo razonable , sería ponerlo en cada entrada, junto con el resto de los íconos sociales, por ejemplo, en el post-footer de las entradas.
Si bien ese es el código por defecto, hay cosas que podemos personalizar y que son esos parámetros que se adosan a la dirección URL de nuestra entrada:
&layout=standard define el tipo de botón, puede cambiarse por button-count para simplificarlo
&show-faces=true muestra el avatar del usuario y puede eliminarse colocando false
&action=like es el texto a mostrar y puede ser cambiado por recommend
&colorscheme=light es el diseño general, la otra opción es dark
&font=arial es el tipo de fuente opcional y puede ser tahoma, arial, lucida+grande, segoe+ui, trebuchet+ms, verdana
&width=530 es el ancho total en pixeles (530 o 450)
&height=60 es la altura total en pixeles
Si queremos colocarlo en nuestro home (nada impide usarlo en cualquier página), el código es el mismo y basta establecer la URL correcta, reemplazando data:post.url por la dirección de nuestro blog y en este caso, conviene que cambiemos los caracteres de dos puntos y barra por sus equivalentes %3A y %2F:
Si bien ese es el código por defecto, hay cosas que podemos personalizar y que son esos parámetros que se adosan a la dirección URL de nuestra entrada:
&layout=standard define el tipo de botón, puede cambiarse por button-count para simplificarlo
&show-faces=true muestra el avatar del usuario y puede eliminarse colocando false
&action=like es el texto a mostrar y puede ser cambiado por recommend
&colorscheme=light es el diseño general, la otra opción es dark
&font=arial es el tipo de fuente opcional y puede ser tahoma, arial, lucida+grande, segoe+ui, trebuchet+ms, verdana
&width=530 es el ancho total en pixeles (530 o 450)
&height=60 es la altura total en pixeles
Si queremos colocarlo en nuestro home (nada impide usarlo en cualquier página), el código es el mismo y basta establecer la URL correcta, reemplazando data:post.url por la dirección de nuestro blog y en este caso, conviene que cambiemos los caracteres de dos puntos y barra por sus equivalentes %3A y %2F:
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fvagabundia.blogspot.com%2F&layout=button_count&show_faces=false&width=450&height=60&action=like&font=tahoma&colorscheme=dark" allowTransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:450px; height:60px"></iframe>
336 comentarios:
excelente y super facil
hola. Tengo rato checando este blog, de hecho varios de sus comentarios me ha ayudado a resolver algunos problemitas que tenia. Pero aun no hay nadie que pregunte sobre una dudita que tengo, asi que quiero saber si es posible y como lo puedo hacer, por que he leido en varios blog, incluso de facebook y no he encontrado algo que se le paresca.
Bueno, yo tengo una pagina web, en la que le inclui el boton "me gusta" y al logearme en mi cuenta de facebook, en la pagina puedo ver quienes le han dado clic al boton "me gusta", Hasta ahi todo bien. Pero hice una cuenta de facebook con el nombre de mi pagina web, y me gustaria poder ver en el muro o en las noticias de la cuenta de facebook de mi pagina, todas las personas que den clic "me gusta" directamente de la pagina y que me mande la notificacion a la cuenta de facebook.... ¿ESTO ES POSIBLE?
osea aparte que se le envia al perfil de la persona q le da clic, quiero que todos los clic me lo envie a mi cuenta de facebook, para ver a quienes les gusta y sus comentarios sobre mi pagina....
Les agradeceria su ayuda, y una disculpa por la molestia que cause..
SALUDOS!!!
hola a todos especificamente a JMiur esq lei q te conectabas todos los dias.. je je
bueno esq soi nueva en esto de hacer paginas en realidad todavia la estoy haciendo
XD
bueno entonces yop quiero colocar un boton de me gusta en mi pagina pero enrealidad nop se como hacerlo...
me gustaria que me explicaras detalladamente porfis...
espero tu respuesta mientras mas rapido mejor muchas grax...
Pues eso es lo que dice el post.
Jmiur necesito tu asesoría, instalé el botón desde hace tiempo, pero de hace una semana dejó de funcionar en la mayoría de las entradas.
Al momento de presionar pareciera que registrara el conteo, pero luego se echa hacia atrás y queda como si nada. Si no me entiendes chequealo por ti mismo, te dejo el link de uno con problemas, presiona el botón me gusta que está abajo y te darás cuenta, lo mismo sucede en mi blog.
Aparece un error que no entiendo muy bien: "Error al crear la página: The entity (class EntPublicUser) backed by id 192071004137899 cannot be seen by the current viewer IDPerfil (EntID: 192071004137899)" A qué se refirirá con 192071004137899?
Pero si chequeas esta otra entrada en mi blog, verás que todo está normal. Entonces ¿cuál es el problema? No entiendo, ¿por qué unas sí y otras no, si el código se aplica para el blog en general? o.O
Este es mi blog...
Gracias de antemano, saludos!
La verdad, desconozco cuál puede ser el problema; no entiendo el significado de ese mensaje de error.
Buenisima entrada de nuevo JMiur.
Una duda rápida, creo el botón, y cuando le das a que te gusta, en facebook aparece:
"Peter likes NOMBREDELBLOG on nombredelblog.com."
Podria hacerse para que en vez de NOMBREDELBLOG apareciese el TITULODELPOST? ya que cuando pinchas en este si que te redirecciona a ese post.
un saludo!
Ra
Lo desconozco, Ra.
Ok gracias! un saludo
He colocado el botón "Me gusta" en mi web perfecto. El problema es que cuando alguien lo pulsa y pone algún comentario, en su muro de Facebook aparece junto a la url, una imagen que yo no he escogido en ningún momento. ¿Cómo podría yo escoger o dedicir la imagen que se debe visualizar?
Gracias
Fíjate en esta entrada. Eso es lo máximo que puedes hacer em Blogger.
EL IFRAME se colcoa allí donde quieras ver el botón.
Excelente Blog Amigo...Felicitaciones desde Colombia.
Hola,
¿Se podria ocultar el botón "Ya no me gusta" que aparece cuando has pulsado sobre el botón "Me gusta"? Se que es poco ético pero...
Gracias
No tengo idea ¿Para qué hacer algo semejante? ¿Qué placer puede causar ver un número gigantesco que sabemos que será falso? Más que poco ético sería una chiquilinada.
Hola, he puesto el iframe, y al dar al botón, en el muro aparece un texto que no se de donde sale, pero ejemplo le he dado a vuestro botón para probar, y al lado de la imagen sale "Algo más y algo menos. Este no es un blog de ayuda, aqui solo se comparten experiencias. Un blog surtido en español. Actualidad, humor y un poco de todo. Recursos y trucos para Blogger. Un navegante solitario en busca de una isla inexistente..." en el mio aparece un texto incorrecto. ¿Como puedo poner el texto que quiero que aparezca en los muros? si no se puede¿Puedo indicar que no ponga ningun texto en el muro?
Muchas grácias, un blog muy interesante
Fíjate en estas entradas: con jQuery o sin jQuery
Hola!
Cuando las personas que han votado son mas de 1000 se queda estancado y no pasa de alli aunque sigue contando porque me ha llegado a 2000. Como puedo hacer para ver cuantos van sin tener que esperar a los 3000??
No se si me he explicado bien
Todas esas cosas, respecto al funcionamiento de los gadgets de facebook deben ser consultados directamente en la página de desarrolladores del sistema; desconozco los motivos, no veo que ocurra eso en los ejemplos.
JMiur tengo un inconveniente el cual es que ya instale mi boton de me gusta pero siempre que una persona desea darle me gusta le sale que confirme si le gusta.
¿como hago para quitar esa confirmación del me gusta?
aquí esta el blog en el cual estoy usando el me gusta y donde puedes comprobar que te pide que confirmes el me gusta: http://juegodificil2.blogspot.com/
y el codigo que estoy usando es el siguente:
PD: te escribo el codigo sin el comienzo que es un < y el final que es un > por que no me deja postear el codigo
iframe src="http://www.facebook.com/plugins/like.php?href=juegodificil2.blogspot.com&layout=box_count&show_faces=true&width=450&action=like&font=arial&colorscheme=light&height=65" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:65px;" allowTransparency="true"></iframe
espero que puedas ayudarme con este inconveniente
Cordial Saludos
¿Y para qué está repetido ese botón tantas veces?
La confirmación depende de Facebook y es una foma de evitar el spam.
y ese codigo donde se pone
Donde quieras que se vea el botón.
Hola. Tengo un problema con el botón de "me gusta". Explico: el boton funciona bien. Lo coloco en las diferentes entradas y puedo pulsarlo sin problemas. El problema es que no me publica en el perfil de facebook el contenido que quiero.
El texto que referencia (o sea el que aparece en el perfil de facebook), en vez de ser parte del texto de la entrada, es un texto de otra parte del blog.
¿qué puedo hacer?... gracias.
En Blogger no se mostrará un rsumen de la entrada sino aquello que se tenga agragdo en la etiqueta META description o de lo contrario, el primer texto que encuentre.
Muchas Gracias
hola me encanta tu post y tu blog pero tengo 1 pekeña confusion cuando colok la iframe en cada post me sale como q ya alguien a dado me gusta recien colodado y a la hora de crearlo en facebook me pide 1 url y si la coloco, coloco la de la pag y solo sale las personas q ya stan agregadas al facebook de la pag como hago ayudame por favor quiero saber q url debo colocar gracias de ante mano espero tu respuesta
Pues no tengo idea de eso. No he pasado de esto que se ve en al entrada y desconozco si hay algún detalle que pueda cambiarse.
Antes que nada, un saludo, y mencionarte que no sé ni pío de lenguaje html. Mi sitio es http://ceroconsecuencias.blogspot.com y acabo de anexar el código que explicas detalladamente, el problema es que no quedó alineado, queda un poco arribita de "publicado por, el día equis, comentarios..." en height le puse 20px, porque si le doy 19 ó menos se mira "entrecortado" el Me gusta. ¿Cómo puedo bajarlo sin que se deforme la imagen? Gracias.
Carlos Gómez:
Podrías probar agregándole al IFRAME el estilo:
<iframe style="vertical-align: middle" ...................
y poniendo algo así con el resto del estilo de tu palntilla, antes de </b:skin>
.post-footer-line-1 span {
display: inline-table;
vertical-align: middle;
}
Hola Jmiur, tengo un grande problema, agrege los botones para compartir de facebook y twitter.
El Problema esta al dar clic en el boton me gusta y compartir de facebook, en vez de mostrarme el titulo, descripcion e imagen de la entrada donde di clic al boton, me muestra el titulo, descripción del blog.
El problema sucede con el boton me gusta de facebook y el boton compartir de facebook. El boton de twitter todavia no lo pruebo para ver si funciona bien.
Mi blog: Face Diario
Como podre resolver el problema? ya que no funciona correctamente ningun boton.
En Blogger, eso es lo que hace el botón de Me Gusta.
Hola
Hola JMiur yo de nuevo poraqui molestando e puesto el boton de ME GUSTA de facebook ,manda y sale lo que quiero enviar a mi perfil de facebook ,pero en cuando se muestra lo enviado solo sale el titulo de la entrada , y debajo de ella deberia salir la descripción de la noticia que hace referencia verdad ? pero no lo hace muestra una parte del codigo de la plantilla que en este cas es la del alto y ancho de la entrada que tengo en estilo de magazine el boton de twitter y botacoras va correcto pero este de facebook me da ese problema que puedo hacer.
En Bloger no. En Blogger se muestra el título y el resto, depende. Si hay una etiqueta META description, se muestra su contenido, si no la hay, se muestra cualqueir cosa pero, no se muestra un resumen de la entrada.
Hola de nuevo , pero se puede poner etiqueta META description, para que muestre la descripción siempre ?? y si es asi cual es el codigo , hay solución ? gracias.
No sólo puede sino que debe ser colocada ya que es parte escencial de cualquier sitio web. Basta que la coloques luego de <head>:
<:meta name='description' content='y aqui colocas el texto de la descripción' />:
Pregunta de nota para JMiur:
¿HAbría alguna forma de cambiar la frase que sale?:
A una persona le gusta una página. Regístrate para ver qué les gusta a tus amigos.
EN vez de "una página" que ponga el título del post:
A una persona le gusta "El post de l3utterfish". Regístrate para ver qué les gusta a tus amigos.
Gracias.
No que yo sepa. Tal vez con el API de Facebook pero eso deberáis consultarlo en la página de desarrolladores del mismo Facebook.
JMiur mira tu tengo que conocer y descubrir más mi plantilla ,buscando lo que tu me habias puesto <:meta name='description' content='y aqui colocas el texto de la descripción' />:
lo tenía mi plantilla puesta y solo e agregado la descripción estaba de la siguiente forma :
con eso vale verdad para que al enviar por facebook ME GUSTA me ponga la descripción y no me salga alguna parte del codigo de mi plantilla ? bueno gracias por todo tio eres un maestro de HTML jajaj saludos.
Hola a mi no me deja meter el boton me salta el siguiente error al querer visualizar
No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The entity name must immediately follow the '&' in the entity reference.
Error 500
Si lo colocas en la plantilla, revisa que todos los & sean reemplazdos por &
Hola JM acá estoy volviendome loca tratando de colocar el dichoso botón, es este el que me interesa, que incluso configurandolo desde Facebook no me deja copiar el código por no se que cosa dice de desarrolladores...
Lo puse al lado o debajo del de Twitter, y me queda re mal, me corre el de TW, y me manda a la otra punta el de FB, probé poniendo lo de alinear left o right y no hay caso... Hasta me descolocó las etiquetas que están en el footer...
Creo que es el ancho ese de 450 px es muuuy ancho, yo lo quiero sin caritas ni el texto ni nada, solo el botón con contador, se puede modificar eso y solo poner 100px de ancho?
Estoy hablando del código de esta entrada, el que vos pusiste ehh
Abrazo
hola Jmiur me gusto tu post lo puse en practica y me sirvio muy bien, lo unico que no sabia como poner el boton send al lado usando este codigo y no el nuevo de facebook. bue... por cierto lo subi en mi nuevo blog en esta direccion http://yoenmimoto.blogspot.com/2011/06/agregar-un-boton-de-me-gusta-para.html, mi blog es nuevo pero con mucho trabajo he cambiado totalmente el diseño original. Entra y mira lo que he escrito, por cierto, me puede decir como mostrar los codigos html en el post mejor que como esta puesto ahi? osea con un scroll o algo mejor? gracias
k_nelita:
El ancho lo podés cambiar pero, de todas maneras, tiene un ancho mínimo así que vas a tener que ir probando. La propiedad align no sirve ya que es un iframe y por lo tanto sólo se puede alinear con margin o usando float aunque lo más cómodo es poner todas esas cosas en una tabla y listo.
Roy Cordero:
El botón de Send no tiene otro código que el que proporciona Facebook; probablemente, porque están cambiando todo el sistema y eliminando la opción de utilizar iframes.
Para escribir código usan PRE, es mejor establecer las propiedades por defecto de esa etiqueta; una de las cuales hace que se separe en líneas como cualquier otro párrafo:
pre { white-space: pre-wrap; }
Y como sería lo de la tabla? Ya le puse 100px de ancho, mi url y tuti li fiocci, pero ni idea de hacer una tabla...
Me das una manito?
Veremos si puedo ponerlo en una entrada porque en realidad, no hay una respuesta general aplicable a todos los casos. Intentaré explicarlo.
Bueno, espero entonces... a menos que puedas ver en mi blog y decirmelo por mail, pero supongo que habrá mucha gente con el mismo problema, aunque en todos los sitios que visito los veo perfectos pero no se como lo hacen...
Gracias JM
No sé cuál de todos los blogs es.
Los dos últimos http://www.sonando-porbailar.com.ar y http://fotosbailando.blogspot.com los demás lo arreglo yo si conseguimos configurar esos que tienen plantillas diferentes... creo que me daré maña con los demás, espero jajja
Gracias
Allí sólo veo el botón de Twitter.
Claro, lo saqué porque quedaba todo re mal, despatarrado...
Cual sería la tabla a poner con el código de Twitter y el de FB incluidos?
Creo que por acá no vamos a poder hacerlo... sería mejor por mail...
Muchas gracias!!! llevaba tiempo probando los codigos de otras paginas pero me daban error hasta q probe este.Genial!!!!
Hola como va?
He puesto el boton y quedo de diez, pero hace unos días estoy teniendo un problema que no se si es general o es algo que hice mal, ya que al principio funcionaba bien. Bueno el problema es que cuando le doy al boton "Me Gusta" en la ventana que aparece para ingresar los datos de mi cuenta (acceder a mi usuario) me aparece
"Sorry, something went wrong.
We're working on getting this fixed as soon as we can.
Go Back"
Y no se si es un problemas del Faceboock o del código.
Un arbazo.
Ese mensaje parece ser de Facebook; si el código funcionaba y no se cambió, seguirá funcionando.
Estimado Jmiur como tengo que hacerlo para colocar el código en un gadget del blogguer y que me muestre las estadísticas de cada entrada, por que los estoy haciendo y el boton no se ve, gracias.
En u gadget, sólo pueds ponerlo si la URL que vs a utilizar es la del sitio pero, si quieres colocar la URL de cada entrada, entonces, debes ponerlo directamente en la plantilla ya que en un gadget, no puedes leer ese tipo de datos.
Jmiur logre lo que quería hacer, con el segundo codigo que te da la misma aplicacion de facebook "el codigo xfbm" lo coloque en el gadget sin ninguna dirección y me reconoce las paginas individuales, por si te sirve para una entrada nueva, gracias.
Si bien eso es lo que dice Facebook, que el bortón detecta la ágina. Es muy común que eso no ocurra tal como ves en los comentarios anteriores y por lo tanto, la única solución posible es forzar esa URL indicándola expresamente, cosa que en Blogger, no se puede hacer en un gadget.
Hola amigo, gracias por tu sabiduria en este increible blog.
Se que esta entrada en antigua, pero espero puedas ver mi consulta.
Yo estoy intentando colocar el boton Me gusta al lado de los iconos de AddThis que tengo en mi blog, pero por mas que lo intento no me cae en donde quiero. Sale arriba y abajo, pero no al lado...
Que puedo hacer amigo? No veo el codigo de AddThis en el footer...
Mi blog es http://feromenoi.blogspot.com
Gracias de antemano
Para alinearlo, deberías colocarle alguna clase de propiedad CSS de tal modo que flote; no puedo darte detalles exactos:; debería verlo puesto y tal vez requiera que tambien se agreguen propiedades en el DIV que contiene addthis. Algo de eso puedes ver en esta entrada.
Oye No Me Resulta
Lo Pongo En El URL Y No Funciona
Como Lo Hago ??
No sé dónde lo estás poniendo ni qué estás poniendo.
JMiur,
tengo una consulta. Agregue el boton de me gusta en mi página, funciona correctamente. El problema es que en el muro de las personas que "les gusta" mi página el posto sale con una imagen que no quiero que sea la que represente a mi web... Se puede definir que imagen muestra facebook para tu página?
Inserte el botón usando iframe dentro de tablas.
Te dejo el link para que veas mi página.
http://www.lavacatuerta.com/
Desde ya muchas gracias, estoy hace horas leyendo foros y no descubro como hacerlo!
Slds, Cracri
Eso se define utilziando una etiqueta META:
<meta content="URL_IMAGEN" property="og:image" />
Esa y otras etiquetas similares las puedes ver amplaidas en la documentación del mismo Facebook. En esta página.
genial me sirvo muxo esta info gracias
Muy bueno todo
Justo lo que necesitaba para mi blog!! Gracias
Edna
http://mariposasyserpientes.blogspot.com
Me marca error dice que error que el codigo esta mal formulado o no esta bien cerrado
No sé qué código estas poniendo ni donde lo estás poniendo. Los dos que figuran en la entrada estám verificados y no tienen errores de sintaxis.
hola,muy bueno el blog de mucha ayuda. Un consulta como puedo saber quien pulso el me gusta desde mi web, un saludo
Las informaciones de estadísitica sólo son visibles en Facebook mismo y no recuerdo que tengan ese grado de exactitud.
Tengo un problema: Puse el boton "Me Gusta", me funcionaba pero en el ultimo tiempo no ha podido funcionar y me tira error, que es el siguiente:
"El ID de la aplicación especificado en la etiqueta "fb:app_id" no está permitido para este dominio. Debes de configurar el Dominio Base de Connect para tu aplicación como un prefijo de http://lateleseguncaamano20.blogspot.com/2011/08/una-historia-nuestra-historia-viva-el.html"
Mi blog es este
No veo que se mueste ningún error; por lo menos eso dice la herramienta de debug de Facebook
Tampoco veo en tu código fuente, que se esté asociando algo con alguna aplicación personal porque no veo que se el ID de esa aplicación esté en alguna etiqueta META.
hola donde esta el inframe que decis y donde pego ese codigo y donde lo pego por favor necesito tu respuesta
Todo eso es lo que explcia la entrada.
Master!!!
Ya lo hice!!! Quedó bien...ahora como lo vinculo con mi pagina de face?
Es decir..que cada que alguien de click en mi website automaticamente ese me gusta tamnbioen se ponga en mi pagina de facebook?
No tengo idea. No sé si tal cosa es posible o no.
Puse en mi blog el plugin social de la caja me gusta de facebook...exactamente la que tienes en la parte derecha del blog la que contiene las fotos y nombres de las personas quienes gustan de tu pagina. La cosa es que cada que alguien da click en "me gusta" su foto sale repetida en la caja. No he podido solucionarlo. Sabes porque ocurre esto y como lo soluciono?
Ese es el plugin Like Box; su contenido es manejado por Facebook, no hay nada en el código que agregas a tu sitio que permita controlar ese contenido.
Hola!!Lo he intentado un montón de veces pornerlo en la barra lateral de mi blog y no lo consigo...Me podeis ayudar? http://desdediferentespartesdelmundo.blogspot.com/
Para ponerlo en la sidebar simplemente debes poner el código en un elemento HTML pero, no sé si registrará correctamente la dirección de la página de modo automático.
Gracias por la informacion, yo, que no se nada de esto me ha sido útil, fijate que he pegado la instrucción para "me gusta", lo puse después del html de la foto, me sale la foto incluso sale lo que le escribí: Haz click!!! pero no aparece el botón de "Me gusta". ¿Tenés idea de por qué es?
No sé cuál es tu blog.
Buenas, mi pregunta es si hay alguna forma de saber los "me gusta" que tienen cada entrada del Blog, para colocarlo como un ranking de entradas con más "me gusta"
No tengo idea, tendrías que fijarte en los foros de Facebook.
Genial! pero no me salio los avatar de los demás, y eso que seguí todas las instrucciones!.
Acá tampoco; es algo que deberas preguntar en Facebook mismo.
compadre gracias por la info me ahoraaste un monton de tiempo
Hola, muchas gracias por la info. Tengo una consulta, hay alguna forma de agregarlo como botón en mi mail, para que la gente que le interese haga click directo desde el botón y ya le guste de forma automatica la página?? :o
Saludos!!
No, no creo que haya forma y no creo que sea una buena idea.
Hola ! Perdón pero donde pongo el cogigo iframe de ME GUSTA en mi plantilla ? la pongo debajo del post footer y...no me sale nada. gracias !
Hola JMiur, he intentado agregar el botoncito de "me gusta" para cada entrada pero ahora el código que da FB es nuevo, y por más que intento cambiar la dirección del blog por la del post no hay manera; he conseguido actualizar el link para compartir cada entrada y ahora va bien (también había dejado de funcionar) pero en el caso del botón no consigo dar con ello... Cuando intento introducir la url del post en lugar de la genérica me apunta a una dirección errónea.
Como tú empiezas la entrada con el iframe antiguo, ¿podrías por favor actualizarlo al nuevo código? O decirme si has publicado algo más reciente que lo aclare, aunque estoy suscrito a tu web tantas cosas ya se me escapan. ¡Muchas gracias!
(Por cierto, aunque no sea necesario por si acaso mi blog está aquí).
Supongo que te refieres a que sugieren usar el nuevo botón que se puede asociar con otro llamado Enviar. Sobre eso, se habla en esta entrada.
De todos modos, si se quiere usar sólo el Me Gusta y agregarlo con el código de Facebook, seria algo así:
<fb:like expr:src='data:post.url' send='false' width='150' show_faces='false'></fb:like>
las opciones siguen siendo las mismas y lo único que importa es que la URL esté expresada de este modo:
expr:src='data:post.url'
Club Alpino Barcelona
Sí, puede estar allí y allí lo veo en tu blog.
He copiado y pegado y no funciona, pero creo que el fallo es mío por no haberme explicado bien: no es que yo quiera que el botón "like" funcione cuando estás en la url del post, sino que funcione aún cuando estás en el home pero haces click en el "like" que hay debajo de cada post (refiriéndose a este mismo). Esto lo he conseguido sin problemas para el botón de "publicar en Facebook" que tengo junto a los de email, Menéame, y Twitter (aunque estés en el home, le das a ese botón y lo que te publica en tu perfil de Facebook es solo el post que te interesa, no la página del home) pero no con el botón "me gusta".
Si no te importa volver a entrar en mi blog verás que encima del número de comentarios tengo el código personalizado para el botón, y debajo lo he puesto otra vez pero usando exactamente tu código (simplemente alargándole el width para que cupiera toda la frase). Como ves el número de "likes" es igual en todas las entradas, porque se refiere a la página en la que estás en ese momento (en este caso el home); y si pruebas a entrar en la url de cualquier entrada verás que, entonces sí, ahí salen los likes de esa página concreta (ahora normalmente cero).
¿Se puede hacer que desde el home pueda recomendar solo el post que me interesa, igual que con el botón de compartir en Facebook? Si no me rendiré automáticamente, llevo ya un montón de horas con esto... ¡Muchas gracias otra vez!
Veo dos botones, el superior carece de URL es decir, el codigo fuente dice src=""
el de abajo está bien, si miras el código fuente verás que el atributo src es distinto en cada uno de ellos.
El motívo por el cuál muestra el mismo dato (12) en todos lo desconozco; sólo puedo confirmate que el que está debajo de X comentarios Ver más entradas de xxx es el que tiene el código correcto.
Bueno, al menos veo que estamos igual: el código es correcto (quiero decir el tuyo, el de debajo de los comentarios), pero el botón no funciona desde el home -apunta siempre a la página en la que estés, sea la que sea-. Si haces click en alguno de los "me gusta" automáticamente ya se inhabilitan los de las demás entradas, y lo que recomiendas no es el post sino la página del home (por eso el número en todos los botones es el mismo). Para que funcione correctamente tienes que entrar en la página individual de cada entrada, entonces sí.
Me rindo, elimino el botón y me quito un problema de encima... ¡Muchísimas gracias por tu tiempo una vez más!
Muy bueno
yo lo ponga donde lo ponga no me sale http://elnonito.blogspot.com
En el código fuente del sitio no se ve nada así que es probable que no esté ubicado correctamente o esté condicionado de alguna forma.
Amig@ bueno como le puedo añadir el boton de me gusta de facebook en mi blogger para q me ayudes la pag es: http://www.facebook.com/pages/Sa8n8y/334173023265850 y tambn me gustaria de twitter https://twitter.com/#!/Sa8n8y
Es lo que explica este post.
Hola JMiur, pude poner el boton y funciona, pero, cuando notifica en Facebook que a tal persona "le gusta" éste enlace lo hace acompañado de un gráfico-icono-boton-imagen de "add to Google"...
En mi otro blog funciona todo perfecto, pero en este nuevo, no.
El problematico es este: http://laculpaesdeleo.blogspot.com/
Te agradezco si podes iluminarme, como siempre.
Gracias, Abrazo.
Realmente desconozco el modtivo de eso. Aparentemente, todo es normal y el botón carece de opciones.
Hola JMIur.
Te consulto sobre el boton de FB el cual agregue de forma flotante en una esquina del blog junto con los de G+ y Twitter.
El tema es que le di un determinado ancho para que ocupe menos y en mi resolucion se ve bien, pero al aumentarla o disminuirla se corta el boton de "me gusta" por darle espacio al texto de "en facebook".
Este es el blog de prueba, hay alguna forma de que eso no ocurra y mantenga las proporciones?
Desde ya muchas gracias, un saludo JMiur
No veo que el botón se corte ni siquiera en resoluciones muy bajas. Esa es una captura
Lo que si ocurrirá en algunos navegadores es que se corte la tabla y ese div flotante ya no se corra más hacia la izquierda pero, eso sólo ocurrirá con resoluciones muy muy pequeñas.
JMiur te comento que en mi pc no me sucede pero si si cabio la resolucion cn las teclas en el navegador.
En otras pc que porbe cn menos resolucion por ej 1024 x 768 (img).
Como te comentaba el tema me parece es que el tamaño del div se mantiene pero como que el boton de fb no acompaña y el texto molesto de "en facebook" hace que se baje el boton y no se vea.
Cual es la manera de que se vea como en este blog en donde no aparece el texto de "en facebook" en el boton que podria ser la solucion.
Gracias JMiur
No sé en que condiciones ves eso, la captura que te mostraba es para una resolución de 300 pixeles y no se corta.
De todos modos, el sistema que usa el sitio al que haces referencia es otro; es este: https://developers.facebook.com/docs/reference/plugins/like-box/
Mil disculpas JMiur, ese mismo usaba pero ricien ahora que me lo recordas me doy cuanta de la opcion de quitar el texto, ahora si, sin problemas con la resolucion con teclas.
Si el problema que me surgio es que lo aplique en el blog propio solo con vista previa pero lo que sucede es que queda rato cargando los botones y por ende la pagina, mas que nada el de G+ que directamente no se carga.
Puede ser por alguna contradiccion entre los flotantes y los del blog? si es asi, como se puede solucionar?
Cualquier cosa el blog propio es este
Un saludo Jmiur
Que flote o n oflote es indistinto, eso n odebe afectar en nada. Sí puede ocurrir que cuando usas Vista Previa, ciertos scripts no se ejecuten así que no queda otra alternativa que guardar la plantilla y probarla.
Hola muy buenas tardes, hice todo los pasos que publicaste en tu blog, use el segundo codigo para ponerlo en la pagina principal de mi blog, pero el problema es que en mi blog aplica los cambios, pero no me muestra las imagenes de los perfiles de los usuarios que le dan me gusta. solo muestra la cantidad pero no las fotos de su perfil.
Espero y me pueda ayudar y de antemano muchas gracias. Y lindo blog
Eso ya depende de Facebook; el único dato que controla esa parte es show_faces=true
no me funciono eso por que???
No hay mucho misterio en esto. Sólo es copiar y pegar. Debería ver tu ejemplo.
Hola, he puesto los botones de Me gusta de Facebook, Tweet de Twitter y +1 de Google+, en las entradas de mi blog: todaymotor.blogspot.com El problema que tengo es que también quiero que aparezcan en la página principal dónde salen todas las entradas con el Leer más y que desde ahí se pueda compartir.
Eso lo he hecho y aparecen pero, cuando tu le das al boton de me gusta o tweet de alguna entrada desde la página principal aparece como si le hubieses dado a me gusta o tweet a la página principal y no a esa entrada. Como puedo solucionarlo?
Saludos
Debes agregar la URL; en el caso del que se muestra en esta entrada, es el primero de los dos códigos; en los demás, dependerá de cada caso; en Google+
<g:plusone expr:href="data:post.url" size="small"></g:plusone>
Y en el boton de Twitter?
Depende de cuál sea el que estés usando. No sé si es este.
Sigue sin funcionarme... Mira, me gustaria algo así: http://www.genbeta.com/
EL botón de Twitter que ves allí es el normal. No sé en que sitio lo estás poniendo para ver si hay un error.
En este blog: todaymotor.blogspot.com. Me gustaría que hubiese unos botones para compartir como los que hay en este blog: http://www.lascancionesdelatele.com/
Osea, que desde la página principal de blog se puedan compartir las entradas. El boton de Facebook funciona más o menos, el de google+ si que funciona y el de twitter no coje las URL de la entrada sino la de la página principal.
El botón de Twitter no indica la URL de las entradas, los otros si. Para el primero, fíjete en cualquiera de estos post: 1 y 2
Gracias por la ayuda, es de mucha utilidad tener esatas herramientas.. Saludos
Hola JMiur! hace meses creé el blog nuevo y no he vuelto a tocar nada de códigos, ni siquiera en "la luna" ;) pero hoy me han dicho que no me funciona el botón en "Momentos" y he ido a probar y efectivamente, pinchas y se quiere marcar pero el contador vuelve al numero 0 instantáneamente.
Un beso y gracias!
Tengo el mismo código que tu entrada que coloqué en mi otro blog donde SI me funciona desde el primer día... y te reconozco, me da pánico meterme en códigos porque he olvidado mucho y me cuesta razonar las cosas como antes y ahora apenas tengo tiempo para investigar!!!
Mi pregunta... crees que puede ser únicamente una mala colocación en la plantilla ?? No da error al guardarla, es curioso...
Eso debe estar ocurriendo por el nuevo sistema de re-direcciones de Blogger que incluye el prefijo del país en la URL del blog lo que hace que ciertos servicios no funcionen o lo hagan mal.
Deberías probar agregar el script que se indica en esta entrada y ver si eso lo soluciona.
Fijate, lo intenté ayer más de un par de horas, y creo que me has ahorrado otras tantas de romperme la cabeza
voy a probar, un abrazote!
Podrias ayudarme. He tenido tantos problemas con este plugin de recomendar con el contador. me parecen miles de recomendar por ejemplo:
le doy me gusta a una publicacion y dice roger Casco y 578,983 han dicho me gusta esta publicacion.... cuando no es asi.
Por otro lado, una vez que le doy a una me gusta no se puede volver a dar me gusta en otra publicacion. sale como que yo ya le di clic a todas.
Gracias puedes verlo en Visión de Profetas de Blogspot. Gracias
Es probable que algunos de esos problemas se deban al prefijo del país que agrega Blogger de modo automático lo cual confunde a los sistemas. Intenta agregar el script que indica esta entrada.
Gracias funciona a la perfecciónnnn!!!!!!!!!!!!!"
Hola jmiur, muy bueno el blog pero tengo un pequeño gran problema con poner botones de este tipo y es que no se muesta ni el post footer ni el post header. Por muchas veces que lo ponga debajo de los codigos correspondientes.
Lo único que conseguí fue poner un gadget pero queda arriba del post un poco feo. Si supieras como resolver este problema te lo agradeceria enormemente gracias
mi blog es:
http://ciberanime.blogspot.com.es/
No es algo que pueda verse online. Lo que se nota es que el home tiene un post-footer pero las entradas individuales no así que deberías agregar ese div arriba o abajo de donde están las entradas relacionadas o revisar los códigos condicionales que hacen que se muestre en ciertas páginas y no en otras.
Ya si algo asi me temía que tendría que hacer la cosa es que no se como añadirlo ya que probé y no me resulta. Y no se donde está las entradas relacionadas puesto que es un gadget y aparece en la plantilla en la parte de la sidebar.
Haber si encontramos una solución que me resultaría muy util jeje
Las entradas relacionadas a las que me refiero son las de linkwithin y están encima de los comentarios.
Ya se que es ese gadget pero es como dije antes, está colocado en la sidebar pero se muestra debajo de las entradas. Lo que quiero es poner botones de compartir entradas debajo de las entradas pero poniendo los codigos debajo de los post footer line-1 y line-2 no me aparecen.
Lo que quiero es que me ayudes a que aparezcan
También te dije que el lugar que buscas es encima de los comentarios. Más no puedo agregar porque son cosas que sólo se ven en la plantilla misma.
¿Quiere dejar un comentario?
recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...
Nota: sólo los miembros de este blog pueden publicar comentarios.
Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.
Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...