Uno de los widgets que más me piden es el botón 'Me gusta' de Facebook que por alguna razón no lo había publicado (quizá porque esa información ya se encuentra en todas partes), pero bueno, veamos cómo poner este botón en Blogger que "mide la popularidad" de una entrada entre los usuarios de Facebook.
El botón es muy sencillo y puede aparecer tanto arriba de las entradas o debajo de ellas, se verá más o menos así:
Para colocarlo en tu blog entra en Plantilla | Edición de HTML. Si quieres que el botón aparezca debajo de las entradas busca esta línea:
<div class='post-footer'>Debajo de ella agrega esto:
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+ "&layout=button_count&show_faces=false&width=450&height=40&action=like&font=tahoma&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px'/>O bien, si quieres que quede arriba de las entradas entonces agrega el código anterior debajo de:
<div class='post-header'/>Con ese simple paso ya tendremos el botón de me gusta en el blog. En caso de haber puesto el código y no veas el botón en tu blog, revisa si alguna de las líneas donde lo pegaste la tienes dos veces, si así fuera pon el código debajo de la que tienes repetida.
Si deseas que el botón se muestre sólo en las entradas entonces el código que deberás pegar es este:
<b:if cond='data:blog.pageType == "item"'>En cualquiera de los dos casos el botón tiene algunas configuraciones para poderlo personalizar ligeramente.
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+ "&layout=button_count&show_faces=false&width=450&height=40&action=like&font=tahoma&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px'/>
</b:if>
show_faces=false indica si se mostrarán o no algunos avatares de quienes le gusta el contenido, con false no se mostrarán, con true sí lo hará.
width=450, es el ancho del widget.
height=40, es el alto del widget.
action=like, es el texto que aparecerá, con like dirá Me gusta, con recommend dirá Recomendar.
font=tahoma, es el tipo de letra, por defecto está en tahoma pero se puede cambiar por arial, lucida+grande, segoe+ui, trebuchet+ms y verdana.
colorscheme=light, es el color del botón, con light tendrás el color típico del botón
con dark el botón será de un color más oscuro 
Ciudad Blogger
Este comentario ha sido eliminado por el autor.
ResponderEliminar:D buen post
ResponderEliminargenial thanks !!
ResponderEliminarGracias de nuevo Potro!!! llevaba un tiempo detrás de esto y mi blog no me lo incluía pero una vez más has sido tu el que me ha ayudado. Eres el mejor ;)
ResponderEliminarPor cierto Feliz Año Nuevo :D
Gracias ¡Feliz año nuevo también para ti!
ResponderEliminarQue problemas tiene mi blog jaja , ahora nome aparece este codigo :|
ResponderEliminardiv class='post-footer-line post-footer-line-1'
No le puse ni el <> porque me dice su codigo html no es aceptable...
Oye potro pero el boton se configura directo a mi cuenta de FB o la cuenta del usuario??
ResponderEliminarGracias por la explicacion, siempre es bueno estar concectado a nuestras redes sociales
ResponderEliminarMmm, prefiero el que encuentro en developers, son mas completos, pero se trata de gustos, solamente. Un saludo, Potrito!
ResponderEliminarNo encuentro ninguno de los 2 códigos que colgaste:
ResponderEliminardiv class='post-footer-line post-footer-line-1'
div class='post-header-line-1'/
Puede ser al tipo de plantilla???
Como lo soluciono???
hilando la vida, necesitas marcar la casilla 'Expandir plantillas de artilugios' para poder encontrarlo.
ResponderEliminarMicroboy90, no entendí :\
nEjO, completamente de acuerdo :)
Isaias Romero, de hecho es el mismo que ofrece Facebook:
ResponderEliminarhttp://developers.facebook.com/docs/reference/plugins/like
KAKASHY, como dije anteriormente, necesitas marcar la casilla 'Expandir plantillas de artilugios' para poder encontrarlo.
POTRO : gracias por responder rapido,pero si ya lo puse en mi blog y se mira chido gracias!!!
ResponderEliminarY SE PUEDE QUITAR LA f Y DEJAR SOLO EL ME GUSTA?
ResponderEliminarGRACIAS Y FELIZ AÑO
Gracias, ya lo tengo insertado.
ResponderEliminarEres mi "superheroe", siempre en ayuda de los más débiles.
Potro al ponerlo arriba de la entradas me sale una gran separacion entre el boton y el post. tengo esto: https://dl.dropbox.com/u/9002083/botonfaceboock.txt
ResponderEliminarcomo hago?¿?
MaG@S RaDioMuSiC, a ti por tu visita!
ResponderEliminarCRISJAPA, probablemente si cambias el ancho del botón donde se indica y lo pongas más pequeño, por ejemplo 100px u 80px
KAKASHY, te agradezco tu comentario :)
Juan Carlos, lo que pasa es que es un iframe, lo único que se puede hacer es reducir el alto del botón para eliminar también un poco de espacio, puedes dejarlo en 30px para probar.
te deje un comentario en la entrada de como usar dropbox
ResponderEliminarpeeerfectoo ! muchas gracias :D
ResponderEliminarpero eso sí, le he cambiado la altura a 20px xq sino me qedaba un espacio blanco debajo de las entradas en donde lo puse :)
Annie, me alegro que haya quedado como esperabas :)
ResponderEliminarPozo+10™, ¿en cuál blog? porque en planeta-grandt.com.ar los veo centrados.
MaG@S RaDioMuSiC, ¡fiu! ya empezaba a asustarme, qué bueno que ya lo has solucionado :)
ResponderEliminarSólo cambia donde dice show_faces=false por show_faces=true con eso se mostrarán algunas fotos de quienes les gusta la entrada.
P.D. ¿Qué tienen las fotos del gadget para tomarse la foto?
Gracias Potro me sirvió mucho!
ResponderEliminarAmigo quisiera saber como hiciste para poner ese banner que se llama "ELIGE COMO ESTAR CERCA DE LA CIUDAD" me gustaría ponerlo en mi blog ya que ahora tengo un banner para cada icono social!
Te agradecería que me ayudes!
Bye!
no tines uno para twitter? lo ocupo
ResponderEliminargracias!
Pozo+10™, debajo de #sidebar1 h2, #sidebar2 h2 { agrega esto:
ResponderEliminartext-align: center;
Mr. Sebas Calvo, el que yo tengo es este menú vertical, sólo que a los enlaces les he añadido un ícono delante del texto.
lUiiS'APOdACA!, Twitter no tiene botón de 'Me gusta' pero tiene un botón para compartir.
eque lo quiero a un lado del de facebook, no como viene en ese post que me pasaste!
ResponderEliminarpero gracias!
asi como los de esta pagina: http://gagadaily.com/
gracias!
muchas gracias la f cuansdo ya se a votado no sale con lo cual no queda mal muchas gracias por compartir tus ratos te entretenimento
ResponderEliminarperdon otra pregunta que me surje que te deja votar al rato otra vez?
ResponderEliminarMuchas gracias Potro. Te lo agradezco. Me sirve de mucho. Siempre te sigo y te voy a seguir. Suerte.
ResponderEliminarTe cuento algo que me paso, al poner el iframe me quedaba espacio entre la entrada y el cuadro del me gusta, le modifique height por 30 y ahora si me quedo bien. Suerte.
ResponderEliminarMaG@S RaDioMuSiC, ah es verdad, y eso no es nada, a veces hay fotos con clasificación XXX pero por suerte las detecto a tiempo y las elimino de inmediato. Bueno, pues ya le di click en Me gusta (soy el segundo) a ver si con eso hacemos "despertar" al botón y muestra los avatares :)
ResponderEliminarlUiiS'APOdACA!!, en esa misma entrada que te mencioné hay un botón pequeño que se podría adaptar a este botón, sólo sería cuestión de que eliminaras el botón de compartir de Facebook y en su lugar agregaras el de Me gusta.
CRISJAPA, con la misma cuenta en la misma entrada no, pero sí en diferentes entradas.
ResponderEliminarTanqueSilva, creo que la reducción del height a todos les está funcionando mejor, me alegro que también sea tu caso. ¡Saludos!
Gracias Potro por ayudarme con lo del menu vertical me tarde un poco pero lo logre!
ResponderEliminarMil gracias eres un genio!!!
gracias!:D
ResponderEliminarProto, tengo una plantilla que viene sin comentarios, ¿como puedo hacer para agregarlos? Si tenes alguna entrada pasame el link. Gracias.
ResponderEliminarPozo+10™, hay una entrada que hace eso:
ResponderEliminarhttp://ciudadblogger.com/2010/06/leer-mas-automatico-menos-en-el-primer.html
TanqueSilva, mira esta entrada, ahí verás cómo recuperar ese dato y otros tantos más:
http://ciudadblogger.com/2010/07/cambiar-de-lugar-datos-del-post-footer.html
Yo ya lo tenia de antes.. pero como siempre en las explicaciones te pasas de bien =D... facilitas el trabajo de lo lindo. ayy porque no te conoci antes ?? jajajaj " FELIZ AÑO 2011 a todos "
ResponderEliminarPozo+10™, deja la pregunta allá en esa entrada para no confundir a los demás lectores con el hilo de esta entrada. De igual modo deja la dirección del blog donde lo quieres aplicar.
ResponderEliminarΘdiŋ-k0, gracias por las palabras de aliento, por alguna razón siempre pienso que soy pésimo explicando, jaja ¡Feliz 2011!
Muchas gracias! explicas excelente, ya e colocado bastantes cosas a mi blog, gracias a ti, aunque todavìa estoy aprendiendo con esto del HTML pero bueno hay vamos ;)
ResponderEliminarUn poco tarde pero Feliz Año nuevo :D
Gracias Yeimi, seguro que aun hay cosas que aprender pero con esfuerzo y paciencia todo saldrá bien.
ResponderEliminar¡Feliz año!
muchas grasias potro eres el mejor
ResponderEliminartengo una pregunta aparte si me puedes ayudar
aka esta el tema
http://www.google.com/support/forum/p/blogger/thread?tid=7e6c2390d24411bb&hl=es
Seguramente no has configurado correctamente el dominio.
ResponderEliminarMira esta entrada para verificar que has seguido esos pasos:
http://ciudadblogger.com/2009/04/configuracion-de-dominio.html
Por cierto, te sugiero que marques el blog como contenido para adultos porque alguien del foro de ayuda podría notarlo y reportarlo.
Saludos.
mm la configuracion la tengo todo ok
ResponderEliminarsi lo malo esque me cambiaron los dominio por el de prueba con el dominio que me inscribi se lo dieron a otro y se lleba todas las visitas que tenia yo
Feliz 2011 y gracias por este truco. Una duda. Parece que no se actualiza con los datos que ya hay en Facebook. Es decir, tengo una página en FB donde se publican las entradas del blog y aunque hay gente que ha dado a "Me gusta" en Facebook, esto no se ve en el botón del blog. ¿Sabes si se puede arreglar?
ResponderEliminarY otra duda un poco más alejada del tema de esta entrada. ¿Sabes si hay alguna forma de hacer que los comentarios que ponen en FB bajo las entradas del blog se puedan copiar automáticamente en el blog en Blogger?
Muchas gracias.
Hola Lille Skvat,
ResponderEliminarLo que sucede es que este botón sólo recopila los datos del sitio donde lo has colocado, no sincroniza información entre las distintas aplicaciones de Facebook aun cuando se trate de la misma entrada, así pues, quien haya dado click en 'Me gusta' dentro de una página de Facebook será un conteo aparte al que se haga en tu blog.
Por lo otro, no conozco alguna aplicación de Facebook que permita publicar los comentarios hechos en Facebook en algún sitio diferente, en este caso en Blogger.
Saludos.
Hola Amigo solo me funciono poniéndolo detrás para que me salga debajo de la otra forma me corría la barra de la derecha, puede ser ahí.
ResponderEliminarOK, ya entiendo. Gracias de todos modos :-)
ResponderEliminarDr. Victor Guillermo Pagé Hernandez, puede ser el cualquiera de los dos mientras funcione, de hecho en el caso de tu blog creo que se ve mucho mejor ahí abajo donde lo has puesto.
ResponderEliminarOk amigo gracias.
ResponderEliminarGenial!!!!
ResponderEliminarBuenisimo! me sirvio muchisimo. Gracias Potro por tantos aportes. Lo que quería saber es:
ResponderEliminar- Cómo poner una pestaña de facebook al costado del blog, y que éste se desplace junto a la página. (espero que me entiendas).
- Cómo poner un puntero de pelota de fútbol.
Gracias!!
Mira esta y esta entrada.
ResponderEliminarpotro ya quedo pero en el boton me aparece "like" en ingles yo quiero que la gente lo vea como " me gusta" que debo hacer
ResponderEliminargracias anticipada porque siempre contestas rapido y efectivo por eso me gusta tu pagina
De hecho debería de traducirse de manera automática ¿en cuál blog lo has puesto?
ResponderEliminareste es http://peliculaztube.blogspot.com/ lo puse en las entradas
ResponderEliminarPuede ser que tu IP sea de un país de idioma inglés porque acabo de entrar y veo el 'Me gusta' en español.
ResponderEliminargracias potro te cuento que no le entendia a nadia pero ati si te entendi y funciona gracias. una cosa mas cuando explicas como registrarse en los directorios.
ResponderEliminarMe alegro que te haya sido útil esta información :)
ResponderEliminarSobre los directorios no creo publicar nada ya que hay cientos de ellos y cada uno tiene un procedimiento distinto para registrarse pero no es nada complicado, seguro no tendrás problemas si lo intentas.
Saludos.
oolle potro y no sabes como crear un dominio .com gratis
ResponderEliminarEsos no son gratuitos pero te puedes apuntar al concurso y hacerte de uno por 2 años.
ResponderEliminarok entonces eso debe ser gracias
ResponderEliminarHola saludos, felicitaciones por este excelente blog.
ResponderEliminarTe cuento que he seguido las instrucciones y he logrado colocar el botón, incluso lo hice al pie del post, trate de centrarlo, colocándolo entre div's pero no pude, sabrías como hacer esto?
te dejo el blog (sin que se tome como spam)
http://disenoypublicidadweb.blogspot.com/2011/01/publicidad-web-de-su-empresa.html#more
Gracias.
Prueba usando este código:
ResponderEliminar<div style="margin-left: 250px;">
... Aquí el código del botón...
</div>
En donde dice 250px modificalo por otro valor hasta que quede centrado a la distancia que deseas.
Saludos.
genial, siguiendo otros tutoriales no lo había conseguido nunca. Con el tuyo, funcionó por lo que te estoy eternamente agradecido.
ResponderEliminarGracias a ti por tu visita :)
ResponderEliminarPOR favor el potro ahi alguna forma de colocarlo igual a me gusta como en esta pagina http://www.elcorillord.com/
ResponderEliminarEse es un FanBok:
ResponderEliminarhttp://elescaparatederosa.blogspot.com/2010/07/anadir-directamente-el-fan-box-de.html
Me era imposible poner el boton me gusta en mi plantilla no me dejaba hasta que lei tus opciones y lo conseguí, mucha sgracias!!!
ResponderEliminarMe alegro que así haya sido :)
ResponderEliminarSaludos!
Bueníiisimo!!!!
ResponderEliminarPotro! existe metas para facebook para poder incluir en la plantilla de bloggeer?
ResponderEliminarSí, mira:
ResponderEliminarhttp://developers.facebook.com/docs/opengraph
http://vagabundia.blogspot.com/2010/12/el-protocolo-open-graph-en-blogger.html
Vaya! veré si entiendo! gracias
ResponderEliminarbueno yo he tratado de poner lo de los metas de facebook y no entiendo, veo que tu si potro, deverias explicarlo, por que a eso todavia no logro entenderle porfa explicalo aqui en ciudad blogger o dime bien como poner todo, por que en algo me esta fallando
ResponderEliminarAquí entre nos tampoco los entiendo del todo. Pues la meta que se supone que le podemos sacar mayor utilidad (que es la de personalizar la imagen que se mostrará) aunque lo tengo puesto no me funciona, así que aún no soy capaz de hablar sobre el tema hasta que no lo domine un poco más.
ResponderEliminarPero claro, si llego a entenderlo mejor por supuesto que lo compartiré con todos.
Q pena a mi no me sale, sera que es xq tengo cambiado el template? y eso q tilde la casilla de expandir artilugios pero no lo encuentra =(
ResponderEliminarUsa las teclas CTRL + F para localizar el código, he revisado la plantilla que usas y sí tiene esa línea.
ResponderEliminarRecuerda antes marcar la casilla 'Expandir plantillas de artilugios'.
Funciona perfectamente.Un millón de gracias por tus post.
ResponderEliminarGracias a ti por tu visita.
ResponderEliminarMuy bueno Potro ya esta agregado en mi blog :D y tambien un enlce a tu blog en el menu, quise ponerle un icono pero no pude, me explicarias como?? y tmbien podrias poner un enlace de tu icono?? saludos
ResponderEliminarSería de esta forma:
ResponderEliminar<a href="URL del enlace"><img src="URL del icono" /> Texto</a>
La URL de mi favicon es esta:
http://dl.dropbox.com/u/647003/favicon.GIF
Saludos y gracias por el enlace.
que pasa si eliminamos:
ResponderEliminarAllowTransparency=True
Lo digo porque al validar la pagina en W3C es el único error que me muestra, por ahora lo he quitado del iframe, y no tengo error, pero pasará algo después??
Si se lo quitas podrá perder la transparencia aunque igual no pasa nada.
ResponderEliminarAunque te marca error de validación no es un error como tal, lo que sucede es que hay propiedades y códigos que funcionan en los navegadores aun cuando no son aceptados por la W3C, es por eso que al validarlo no lo reconoce, pero no te afecta en absoluto el funcionamiento del blog.
Muchas Gracias...!!!
ResponderEliminarme re sirvio...!!
Hola Potro,
ResponderEliminarGiancarlo por aqui, una pregunta como pones la caja de Facebook que tienes a la derecha de tu blog, donde salen los fans...
Gracias!!!
Un abrazo y Exito
Esta semana publicaré la entrada que explica cómo hacerlo.
ResponderEliminarSaludos!
Hola, Potro!!! Ya puse este widget en mi blog, kedaba mal ubicado y fuera de los recuadros, moviéndole a lo loco pude ponerlo en un lugar donde es más visible, sin embargo, kedó debajo del "Publicado por...", y es akí donde te molesto =S, ¿Hay manera de colocarlo exactamente en medio y por encima del "publicado por..."??? Lo ke me interesa es ke se vea porke se pierde arrumbado hasta abajo =P.
ResponderEliminarOjalá puedas ayudarme y sorry por molestarte por enésima vez xD!!
Millones de gracias adelantadas y beso gigante =)
Hola Merlina,
ResponderEliminarYa sabes que nunca es una molestia ;)
Prueba poner el código debajo de:
<div class='postinfo'>
Y para centrarlo enciérralo entre <center> y </center>
Besos!
Muchísimas gracias!!! La verdad no sé ké haría sin ti!! xD... no pude centrarlo totalmente =( pero por lo menos ya kedó mucho más visible, todos estos códigos están en chino para mí =S y no sabes cuánto trabajo me cuesta agarrarle la onda jejej, pero tú lo haces muy sencillo!!
ResponderEliminarGracias, Potro. Por cierto, feliz San Valentín, te mando un súper abrazo y un beso enorme, pásatela súper chido =)
Ok Muchas gracias!!! estaré esperando la explicación.
ResponderEliminarExito!!!
Muchas gracias Merlina, otro beso para ti y feliz día de San Valentín :)
ResponderEliminarYo tengo el boton, pero quiero que cuando le pones me gusta, por ejemplo en mi facebook aparece:
ResponderEliminara viri le gusta administracion-total en administracion-total.blogspot.com
y quiero que diga:
a viri le gusta Calidad Total en administracion-total.blogspot.com
Es decir que aparezca el nombre de la entrada no el nombre del blog, pero siempre me pasa lo mismo, no se ve el nombre aunque si le das clic si te lleva a dicha entrada, se que asi debe o mejor dicho se puede hacer, sin que tengas que personalizar el boton para cada entrada.
¿Cómo se hace o que hay que corregir?
Por ejemplo tu tienes los 2 primeros en tu explicación y si le doy clic en me gusta en mi facebook aparece
a viri le gusta ciudad blogger en ciudadblogger.com
pero si le doy clic en me gusta en el botón que tienes junto a "más trucos" en esta entrada en mi facebook dice:
A Viri le gusta Ciudad Blogger: Agregar el botón \ en Ciudad Blogger.
Asi quiero que diga en mi facebook cuando le de clic a alguna de mis entradas, pero nada que se puede!
jaja espero me entendieras =)
Hola Viri,
ResponderEliminarEl botón está funcionando bien en tu blog, sólo que recuerda que para que aparezca el título de la entrada entonces debes darle click estando en la entrada individual pues si lo haces desde la portada entonces tomará el título del blog.
He hecho una prueba en una entrada tuya y efectivamente apareció bien y sin problemas en mi Facebook:
"A El Potro le gusta Mi profe Gil en Administración Total."
jajaja si ya se ve bien, pero que crees que normalmente no se veía así y como soy un poco impaciente busque y puse algo como meta facebook
ResponderEliminarpara que lo interprete como cualquier otro contenido en facebook, la verdad no se exactamente como funcione al menos ya se ve el título de la entrada.
http://developers.facebook.com/docs/opengraph/
No es necesario agregar los metas de Facebook pero igual puedes dejarlos, no afectarán en nada.
ResponderEliminarpues no lo se, pero si los quito deja de verse el nombre de la entrada y regresa al nombre del blog, no se por que...
ResponderEliminarPotro tengo un pequeñito problema. Puse el boton, pero cuando le doy a "ME GUSTA" aparece en el centro del cuadro "1 persona", y cuando salgo de mi cuenta del Blog y entro a la misma entrada donde puse con mi cuenta activa, no sale como el ejemplo que diste tu, donde dice "ME GUSTA" y al lado el numero de los "ME GUSTA" que le dieron,sino que sale "1 persona", y no da la opcion ME GUSTA como para que otra persona haga click en el boton. Porfavor, podrias ayudarme una vez mas en este pequeñito problema? :) ! GRACIAS !!
ResponderEliminarRecuerda que si le das click en Me gusta entonces lo estás haciendo con tu cuenta de Facebook, no con la de Blogger, así que aunque salgas y entres de nuevo si ya le diste Me gusta una vez no te volverá a aparecer la opción para que le des en Me gusta otra vez, a menos que lo hagas con otra cuenta de Facebook.
ResponderEliminarHola Potro! El boton "me gusta" puede centrarse y/o ubicarse a la derecha de la entrada?
ResponderEliminarGracias de antemano.
saludos!
Rodrigo
Hola Rodrigo,
ResponderEliminarMira esta entrada que habla sobre cómo alinear elementos.
Saludos.
Hola Potro, antes de comentarte mi pregunta quería comentarte de algo que está pasando no se si es sólo ami o a los demás pero cada vez que entro a tu página y entradas me sale este mensaje en un cuadro: "El servidor www.thebobs.com:80 en Passwort? no creo que sea virus u algo en mi pc pues uso Ubuntu... y en otros blog no pasa nada¿?
ResponderEliminarBueno paso a comentar quiero colocar dicho botón pero al lado del titulo ejemplo:
Titulo del post (Me gusta)
Cuando sigo los pasos me sale abajo del titulo y hay un gran espacio he seguido lo que as comentado y he logrado quitar el espacio pero no queda como quiero, si también se pudiera con el botón de twitter seria estupendo.
Gracias y espero tu respuesta.
Hola Daniel,
ResponderEliminarEse mensaje era debido a un enlace que yo tenía apuntando a TheBobs pero como ese sitio parece que se ha caído pide el usuario y contraseña pero ya he eliminado el enlace para evitar que aparezca ese mensaje.
Lo de agregarlo junto al título lo veo bastante complicado pues en sí el gadget no se trata de un DIV sino de un iframe y ahí cambia mucho las cosas :/
Saludos.
Potro,
ResponderEliminarSeguí todos lo pases como tu dijiste, y el boton aparece, pero cuando hago click para probarlo no funciona?
AYUDAA :D
Saludos.
¿En dónde lo has puesto?
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarlo puse de en http://www.webmusical.co.cc/
ResponderEliminardebajo de
div class='post-header-line-1'/>
Ummm, prueba poner arriba del código del botón esto:
ResponderEliminar<br />
:( me sigue igual sera q hay algun script q impida que funcione bien?
ResponderEliminarNo pues en si el botón es un iframe por lo tanto no debe verse afectado por el funcionamiento de un script o algo similar.
ResponderEliminarProbablemente es la ubicación del botón, es como si algo estuviera encima y no deja que funcione.
Prueba ponerlo en otro lugar, por ejemplo debajo del botón de Twitter que acabas de agregar.
se q soy fastidiosoo peroo creoo q no me sirviooo de ninguna formaa :(
ResponderEliminarPues no veo que lo hayas movido junto al botón de Twitter, pero igual puedes probar ponerlo debajo de:
ResponderEliminar<div class='post-footer-line post-footer-line-1'>
Quedará abajo del post pero con eso podrás saber si en definitiva es la posición del botón o no.
Hola Potro!
ResponderEliminarHe agregado el boton me gusta en mi blog deractivo.blogspot.com
Noto que el numero de "megusta" es el mismo en todos los posts.
Mi idea era que si ves un post puedas dejar el me gusta solo en ese, como una forma de publictar ese unico post?
Es posible hacer esto?
Como debo proceder?
Muchas gracias!!!!
Mariano
Hola Mariano,
ResponderEliminarNo veo que tengas puesto el botón. Pero eso usualmente sucede cuando el botón no tiene una parte del código que hace que se muestre sólo en las entradas y entonces lo muestra incluso en la portada y es justo desde la portada cuando se ven número mucho más elevados a lo que en realidad es.
Es por eso que al botón le puse esos códigos que condicionan que sólo se vea en las entradas justamente para evitar esos problemas.
Saludos.
Hola Potro
ResponderEliminarPuedo poner el botón "Me gusta" en post-footer-line-1 pero que me quede a la derecha de lo que tengo ya de compartir de AddThis... ¿cómo tendría que colocar el iframe?
Muchas gracias. Saludos
Hola,
ResponderEliminarNo puedo poner eso en mi blog y no entiendo qué es lo que hago maL!
esos códigos los pongo al final ?? QUé tanto de espacio dejo? Por qué intento y me dice que no está bien formada :/
Gracias de antemano
Ya lo he solucionado, gracias :)
ResponderEliminarEstá chevere tu blog.
MENTE NATURAL DE MODA, mira esta entrada que explica cómo alinear elementos.
ResponderEliminarvoѕĸy, qué bueno que lo has resuelto ;)
Gracias Potro por este artículo!
ResponderEliminarLo puse pero tuve un problema. Mi plantilla utiliza las entradas resumidas con imágenes y el famoso Leer Más. A mí me interesaba poner el botón me gusta visible sólo en las entradas. Y así lo coloqué. Pero cuando dás el "Me Gusta" lo que se publica en Facebook es 1) la imagen que tenía esa entrada (esto está bien); 2) el título como hipervínculo a esa entrada (esto está bien); y 3) y aquí viene el PROBLEMA: el resumen en texto de la entrada es PARTE DEL CÓDIGO HTML que proviene de haber utilizado entradas resumidas.
No sé si será problema de mi plantilla, o siempre sucederá ésto cuando se utilizan entradas resumidas y se quiere colocar el botón de "Me Gusta" visible sólo en las entradas.
Para evitar esto yo modifiqué la URL y en vez de dejarla por default (que toma la de cada entrada en donde está el botón) puse la URL principal de mi blog:
http://turfyapuestas.blogspot.com/
Te dejo la inquietud entonces, gracias por todo.
Hola turfan,
ResponderEliminarYo acabo de darle Me gusta en la última publicación que tienes y en mi perfil de Facebook apareció el texto normal.
Usualmente ese problema que mencionas sucede en el botón de compartir de Facebook y que regularmente está causado por el script de la fecha hasta arriba del blog.
Saludos.
Gracias por tu pronta respuesta Potro!! Pero te sale la entrada a partir de la cual le diste al botón "Me gusta"?? Me parece que no, lo que sale publicado en Faceboos es el meta tag de mi blog, y el titulo de mi blog, ya que yo cambié la url por default a la url de mi blog para evitar que publique el codigo html como resumen.
ResponderEliminarClaro, ahora no dá ese error, porque como te digo, el ME GUSTA ahora no toma la url de la entrada por default, sino la url de mi home page.
Gracias y saludos.
Como te mencionaba, usualmente es por el script de la fecha diaria sobre la cabecera, pero si es causado por el script del Leer más entonces tendrás que dejar el meta tag porque hasta donde sé según los desarrolladores no hay solución aun a ello.
ResponderEliminarSaludos.
Gracias Potro!! Voy a intentar sacar la fecha para ver si funciona. De lo contrario lo dejo así como decis. Si llega a ser el LEER MAS, debe haber mucha gente con este problema pero me parece que no se dieron cuenta porque no le dieron click al boton ME GUSTA y se fijaron como sale publicado en su FACEBOOK
ResponderEliminarSaludos.
Malas noticias, Potro: le saqué la fecha y el problema sigue igual. No obstante ahora le dejé el ME GUSTA como lo tenés en el artículo, es decir, para que tome la entrada desde donde se dá el ME GUSTA.
ResponderEliminarSigue publicando en FACEBOOK como resumen el código html pero por los menos el título y la foto salen bien, y si a alguien le interesa lo que dice el título se puede ganar alguna visita más.
Todo aquel que quiera ver este problema, vaya a mi blog,
http://turfyapuestas.blogspot.com/
en cualquier entrada haga CLICK en el ME GUSTA, y luego fíjese en su FACEBOOK cómo se publicó ese ME GUSTA. Ahí verán que el ME GUSTA en entradas que usan LEER MAS, en el resumen de la entrada que se publica en FACEBOOK sale un código Html, y no el texto correspondiente.
Gracias Potro!! Hay cosas que todavía no tienen solución y habrá que esperar.
Sin duda habrá que seguir esperando...
ResponderEliminarPotro he intentado poner el boton compartir d twitter, y el de me gusta pero alineados horizontalmente, uno despues del otro y nomas no quiere ya probe usando todos los codigos de las diferentes entradas que tienes al respecto y no funciona quedan uno debajo del otro aqui una entrada para que veas lo que te digo. Gracias por tu ayuda de antemano
ResponderEliminarAmbos son scripts y los scripts son difíciles de alinear.
ResponderEliminarQuizá la mejor opción sea meter ambos botones dentro de una tabla HTML.
OK potro, ya lo hice en una tabla; ya quedan alineados horizontalmente, ahora el problema es que me inserta un espacio horizontal en blanco es decir queda muy separado un boton del otro; ya cheque los comentarios e hice lo que recomiendas pero no funciono, puedes checar la entrada para que veas (ya te dejo el link en el otro comentario) te dejo el codigo que estoy usando para que me digas si esta ahi el error <!-- REDES SOCIALES -->
ResponderEliminar<b:if cond='data:blog.pageType == "item"'>
<table border='0'><tbody>
<tr><td><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+ "&layout=button_count&show_faces=false&width=450&height=40&action=like&font=tahoma&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px'/></td><td><a class='twitter-share-button' data-count='horizontal' href='http://twitter.com/share'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</td></tr></tbody></table></b:if>
Sólo necesitas cambiar las medidas del botón de Facebook como se explica en la entrada. Con cambiarle a estos valores será más que suficiente:
ResponderEliminarwidth:100px; height:25px
Grax por la ayuda Potro, ha quedado funcionando todo bien DIOS te bendiga
ResponderEliminarGracias Editor, igualmente.
ResponderEliminarHola! Tengo un problema con este boton y no solo con este sino con los de compartir en Twitter y FB el problemas es que el de Twitter al colocarlo no me aparece en 0 sino que ya se le ha dado Tweet 25 veces cuando a penas lo he colocado y el de FB le doy click y en mi perfil en vez del nombre de la entrada aparece "Blogger: Sign In" no se q pasa
ResponderEliminarEl problema con el de Twitter puede deberse a que se muestra en la portada, en esos casos es mejor que el botón de encierre en una condicional para que sólo se muestre en las entradas individuales.
ResponderEliminarSobre el botón de Facebook no sé, necesitaría verlo para poder darme una idea de cuál puede ser el problema.
Ok amigo El Potro gracias hice con el de Twitter lo q dijiste y sale bien.
ResponderEliminarEl de FB lo colocare asi y el nombre de la entrada la editare yo. Gracias!
Hola Potro
ResponderEliminareFECTIVAMENTE ME SALE SOLO EL BOTÓN Y VA CONTANDO EL NRO DE PERSONAS A LAS QUE LES GUSTA, PERO EN FACEBOOK NO ME SALE LA PUBLICACIÓN DEL "ME GUSTA"
IMAGINO QUE SERÁ EL MISMO PROBELAM CON EL BOTÓN DE COMPARTIR DE FACE, PERO ME AYUDAS A ARREGLARLO??
GRACIAS
Hola Soraya, por el otro comentario me parece que ya lo has solucionado, si no es así me lo haces saber.
ResponderEliminarSaludos!
Muy bueno exelente material el que tenes aca y en verdad me a servido de mucho en mi blog, Gracias por compartir Potro eres Genial, saludos
ResponderEliminarTe agradezco tu comentario Alfredo. ¡Saludos!
ResponderEliminarPerfecto, ya está en mi blog! :)
ResponderEliminarHola potro oye estoy tratand de poner esto en mi blog peroooo cuando le doy vista previa no me aparece me puedes aclarar mi mente por favor?
ResponderEliminarmira Potro esto es lo que hay en mis codigos
ResponderEliminardiv class='post-footer'>
div class='post-footer-line post-footer-line-1'>
asi se sigue la linea asi que como vez lo pongo en seguida del codigo que das y no aparece despues lo pego por debajo de estos que te pongo y tampoco mmmm que sera tu?
¿Agregaste el segundo código? Porque el segundo código hace que se muestre sólo en las entradas así que con la Vista Previa no se verá. Necesitarás guardar los cambios e ingresar a una entrada para poder ver el botón.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarSiempre da problemas ese botón para mostrar los avatares, a mí sólo una vez me los mostró y desde que noté que fallaba mejor le quité esa opción :/
ResponderEliminar:o
ResponderEliminarpero entonces es normal que el Error de los 161 q tengo el numero de seguidores cambie a 14???
q esos 14 de seguro dieron "me gusta" cuando tenia error, por q al inicio del error quedaba en "0" y no en "14" :s
Pues yo no he visto que esté en 14 sino en 161, pero lo que sí es cierto es que este mes iban a hacer muchos cambios, de hecho esos cambios que están o estaban haciendo hizo que el Fanbox dejara de verse por ratos, igual me pasaba que no se veía, entraba a la página de developers y aparecía como por arte de magia. Pensé que era un problema con mi gadget pero luego muchos dijeron que les pasaba lo mismo, por eso supongo que debe ser un problema similar con este botón.
ResponderEliminarsi d echo ya esta en 161 por q ya entre a la pagina esa... jaja
ResponderEliminarbueno pues muchas gracias por tu ayuda espero todos estos errores se compongan pronto... :s
Saludos y una vez mas Gracias!
Muy bueno, era lo que buscaba! gracias
ResponderEliminarhttp://sisesabe.blogspot.com/
Gracias por tu ayuda.
ResponderEliminarProbe de muchas maneras y porfin...
http://callelinux.blogspot.com/
Gracias a ustedes por su visita :)
ResponderEliminarsos groso amigo, como decis lo explican en muchos lugares pero en ninguno como vos, muy bueno el aporte muchas gracias
ResponderEliminarholaa potro me gustaria preguntar si hay alguna forma de poner una funcion similar a la caja de comentarios que trae el facebook e visto en varias paginas que lo hacen con diferentes post pero cuando le pongo " + data:post.url+ " a la caja de comentarios me tira un error que dice You must specify an "href" attribute to the iframe.
ResponderEliminarsabes algo o tienes alguna respuesta porfavor e intentado mucho esto
yaaa lo pude poner y aunque no lo creas fue gracias ati xD lo ise mirando este tutorial pero gracias brooo
ResponderEliminaralgo que no puedo hacer aver si me ayudas es que si no le pongo el height solo presenta 1 solo comentario y si le pongo el height ejemplo 400px se queda un espacio abajo e intentando poniendo
ResponderEliminarnumposts=10& num_posts=10&
numposts='10' num_posts='10'
ninguno me sirve alguna sujerencia
Pues con numposts="10" debe mostrar 10 comentarios, ahora que el height no lo debes poner pues no siempre tendrás una altura definida pues el largo de los comentarios siempre será diferente,
ResponderEliminarnose porque pero me quita las comillas numposts="10" y me las cambia por ' asi numposts='10' y no funciona.
ResponderEliminartambien si quito el height solo muestra uno aki te paso el codigo que uso...
(
y aqui lo puedes ver
http://bellavistasoy.blogspot.com/2011/03/entrada-de-prueba-nuevo-template.html
pongo el iframe en parentecis para que funcione
el codigo no sale sorry
ResponderEliminarLo que sucede es que parece que hay un estilo de tu plantilla que obliga que el iframe tenga sólo 150px de alto.
ResponderEliminarPrueba entonces poniendo dentro de los estilos del gadget esto:
height:100%;
no funciono pero gracias :D lo tendre que dejar con el espacio en blanco xD
ResponderEliminarTu codigo que das sale como que le gusta tu enlace de este blog y no del mio
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarcuando le doy yo o un amigo me gusta de una publicaion de mi blog en el muro de face si sale a X persona le gusta el enlace de mi pagina pero en inicio dice a Xpersona le gusta CIudad Blogger y me direcciona para aca que pasara de antemano muchas gracias
ResponderEliminarEl código que yo doy no tienen ningún enlace a mi blog, quizá lo tomaste del código fuente de mi blog pues si revisas el original que doy no tiene nada que indique que apunte a este u otro sitio.
ResponderEliminarSi lo pones tal como lo he puesto en la entrada deberá de funcionar igual de bien que le ha funcionado a todos.
Saludos Potro
ResponderEliminarQueria hacerte una preguntilla.....
Veras en mi blog tengo puesto que se vean los botones de compartir en facebook, twiter, por correo y demas que trae predeterminados blogger pero no se ven de ninguna forma.... ¿puedes ayudarme a descubrir que carajo pasa?
la direccion es
http://elgarrasgallery.blogspot.com/
gracias de antemano maestro
doblecomentario jejeje
ResponderEliminarestar estan, pero no se ven, pasas el raton sobre ellos y sale que ehay un enlace pero no se ve el texto o los botones
Hola Potro!! Otra cosita que me he incluído en el blog! Gracias!!
ResponderEliminar"El Garras", prueba poniendo en los estilos de la plantilla esto: .share-button {display: inline-block;}
ResponderEliminarEneri, gracias a ti por tu visita!
Potro, eres el puñetero amo jajajaj
ResponderEliminargracias majo, que C_R_A_C_K, con mayusculas
Por favor puedes hacer un turorial de como insertar Addthis en blogger?
ResponderEliminarGracias.
Lo que quiero es que cada entrada tenga su propio boton individual para compartir.
ResponderEliminarYa que de momento lo unico que he conseguido es que todas las entradas compartan el mismo boton AddThis..
En el mismo sitio de Add This tienen la explicación para ello:
ResponderEliminarhttp://www.addthis.com/help/blogger
La que debes usar es la segunda opción.
Potro una consulta en mi blog el botón de me gusta se pone plomo como desactivado y no se que hacer
ResponderEliminarLo que sucede es que si le das 'Me gusta' se queda como desactivado porque ya no puedes volverle a dar 'Me gusta', pero quien no le haya dado click lo verá normal, como yo que he entrado a tu blog y veo funcionando el botón a la perfección ;)
ResponderEliminarHola Potro, he usado la segunda opción que dices, pero no funciona.
ResponderEliminarResulta que cuando le das a compartir, en vez de compartir la ENTRADA se comparte el BLOG :/
...sabes como puedo solucionarlo?
¿En dónde lo has puesto para que pueda verlo?
ResponderEliminarHola Potro de dejo el link... http://musicradioedit.blogspot.com/
ResponderEliminarDespués lo borras si quieres.. Un saludo.
Es raro porque si das click a una entrada tiene su booton individual... pero en la página principal todas comparten el mismo... :(
ResponderEliminarHola Xagito,
ResponderEliminarNecesitas ponerlo para que se vea sólo en las entradas (ahí se dice qué código usar) de lo contraio si el botón se ve en la portada entonces al hacer click realmente estás diciendo que te gusta la página (la portada) pues es ahí donde está. En cambio si está visible sólo en las entradas cuando hagas click tomará en cuenta no todo el blog sino sólo esa entrada.
Potro,
ResponderEliminarEn esta plantilla
http://proyectonuevohrod1.blogspot.com
no me aparece ninguno de esos 2 codigos:
< div class='post-footer-line post-footer-line-1'>
< div class='post-header-line-1'/>
Le di Expandir.. pero nada..
solo encontre este
< p class='post-footer-line post-footer-line-1'>
Pero cuando lo pongo ahi no me aparece bien..
Me ayudas xfa..
Saludos.
Pues esa línea que mencionas es la equivalente a la que se necesita, ahí debe ponerse. Quizá no se ve muy bien el resultado porque la plantilla no está diseñada para agregarle elementos debajo de las entradas, pero esa línea que mencionas sería la adecuada.
ResponderEliminarPotro gracias, estaba preocupado y todo lo que he podido implementar en mi blog a sido gracias a ti, la mayoría de consejos y trucos los encuentro en tu pagina, gracias :)
ResponderEliminarPotro quería preguntarte sobre un gaget, he visto en algunos blog un fanbox de Blogger que muestra sus seguidores, no se si has hecho alguna entrada sobre eso, la estoy buscando...
ResponderEliminar¿Fanbox de Blogger? Quizá te refieres a la lista de seguidores, ese gadget se agrega desde Elementos de la página > Añadir un gadget > Seguidores.
ResponderEliminarSi te refieres al fanbox de Facebook entonces la info está aquí.
Saludos.
Creo que si, ha si tienes razón me fige bien y si es el gaget de seguidores mas bien lo que hicieron es ponerle un cuadro similar al fanbox de facebook para que entiendas te dejo al dirección del blog que vi http://www.maniataku.blogspot.com/
ResponderEliminarSigue los pasos de esta entrada, con eso el gadget de seguidores podrá tener ese aspecto.
ResponderEliminarLo que sucede es que has puesto el botón para que se muestre también en la portada y por eso lo ves en cada entrada que hay en la portada, si quieres que sólo se vea en las entradas (recomendado) entonces pon el otro código que se menciona en la entrada. Para centrarlo mira este enlace:
ResponderEliminarhttp://ciudadblogger.com/2009/12/alinear-elementos-y-gadgets.html
Buenas para ver si me podrias decir como poner una imagen para cuando le digan me gusta salga en el fb la imagen de la pag...
ResponderEliminarMuchas gracias esta pag me ha servido de mucho :)
Agrega después de <head> esto:
ResponderEliminar<meta content='URL de la imagen' property='og:image'/>
Muchas gracias potro me sirvio de mucho
ResponderEliminarHola como estas? Te hago una consulta , cuando pongo Diseño - Expandir y busco esta linea: < div class='post-footer-line post-footer-line-1' > no me aparece por ningun lado :s . Me podes ayudar? Gracias
ResponderEliminarHola Admin,
ResponderEliminarEn el caso de tu plantilla prueba ponerlo debajo de <div class='spostinfo'>
Sos un genio potro! Gracias!
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarHola DIEGO,
ResponderEliminarMira esta entrada que habla sobre cómo alinear elementos y gadgets.
Gracias por tu comentario.
Saludos!
mui bueno! a mi me funciono =)
ResponderEliminarhttp://lokitakaulitz.blogspot.com/
veanlo
=)
ta weno o:
ResponderEliminarHola el potro quiero poner el boton de facebook con el de twitter a la par pero cuando hago esto siempre se corre un espacio y queda hacia abajo y del otro lado
ResponderEliminarQue puedo hacer?
Ponlos dentro de una tabla HTML para que se acomoden horizontalmente.
ResponderEliminarbuen aporte brother!! gracias
ResponderEliminarganaste man lo haces facil!
ResponderEliminarcomo puedo poner compartir Tuenti en una entrada¿?
ResponderEliminarNo lo sé Antonio, nunca he usado ese servicio por lo que no conozco los widgets que proporcione para sus usuarios.
ResponderEliminar