TRUCOS y
TUTORIALES
para tu blog
No, no vendemos
camisetas... aun
Camiseta Ciudad Blogger

Botón de Facebook flotante

18 de noviembre de 2009 | Número de comentarios134 comentarios
Desde que publiqué el botón flotante de Twitter muchos han pedido hacer lo mismo para Facebook.
El método es el mismo, es poner un botón flotante que enlace a nuestro perfil de Facebook para que puedan unirse como amigos.


facebook badge

Para colocar este badge de Facebook en tu blog, entra a Diseño > Edición de HTML y antes de </body> esto:
<a href='http://www.facebook.com/usuario' target='_blank' title='Sígueme en Facebook'><img src='http://2.bp.blogspot.com/_dsEG33PDaHw/TJvjtOw87LI/AAAAAAAAAXg/lBmeNWBHuCc/s1600/boton-fb.png' style='display:scroll;position:fixed;bottom:225px;right:0px'/></a>

Sólo cambia tu nombre de usuario y listo. Si ya tienes el botón de Twitter y quieres tener ambos bagdes entonces cambia lo que está en color verde por bottom:105px; de este modo el botón quedará abajo del badge de Twitter.

En esta ocasión sólo hice un diseño del botón pues pensé que el color clásico de Facebook es muy distintivo y no necesita muchas variantes, pero si quieres cambiar el badge por un ícono u otra imagen cambia la URL de la imagen por la tuya y listo.

134 comentarios :

  1. Holaa!
    Este si que lo usare con el blog de mi amigo
    (esque yo no tengo twitter XD)

    Muchas graciias!!

    ResponderEliminar
  2. En cambio yo no uso Facebook pero espero que quienes sí lo usan les sirva.
    Saludos.

    ResponderEliminar
  3. Potro muchisimas gracias eh usado los dos botones en mi blog; grax sigue pa lante eres duro en esto de los blogs, pasate por coleccionurbana.com y mira como kedo :D

    ResponderEliminar
  4. Muchas gracias por lo de los comentarios, me funciono :)

    ResponderEliminar
  5. gRACIAS POTRO
    A MI ME SIRVE EN UN BLOG DE MUCHO
    gracias
    y la verdad que te luciste con la plantilla, espero sigas subiendo más, pues eres muy creativo
    nos vemos

    ResponderEliminar
  6. Eres un maestro Bro!! me da mucha risa porque a diario entro a blogs y noto que van implementando tus nuevos trucos!!! :)

    Sigue así bro!!!!


    Un abrazo!!!

    pd: no se si sea nuevo, pero no había notado el fondo de tu header, quedó muy bien esa imagen de una ciudad!!!

    ResponderEliminar
  7. Manu, veo que estás estrenando dominio, felicidades =)
    Ezequiel, ahora se ve mucho mejor, saludos!

    Alex, nomás tenga un poco de chance hago otra, un abrazo!

    brother, ya tiene como dos semanas, jaja, gracias por tus comentarios, un abrazo!

    ResponderEliminar
  8. hola! gracias por la info, una pregunta ¿como se mi usuario? de facebook gracias!!!

    ResponderEliminar
  9. Hola gambetagol,

    Si no tienes un nombre personalizado en Facebook, entra a tu cuenta y luego haz click en Perfil. En la barra de direcciones del navegador aparecerá una URL con unos números al final, copia esos números y en el código pon esto:

    http://www.facebook.com/profile.php?id=1647555984

    Los últimos números en negrita son los números que antes copiaste. Ese es tu ID de usuario.
    Si en cambio quieres tener tu nombre de usuario personalizado hazlo en este enlace:

    http://www.facebook.com/username/

    Saludos.

    ResponderEliminar
  10. Millon de gracias me anduvo perfecto! exelente blog! SALUDOS!!!

    ResponderEliminar
  11. Me encanta esto, tan fácil y tan útil. Muchas gracias!

    ResponderEliminar
  12. Chicos, alguien sabe el código para hacer que el botón cambie con el paso del cursor???

    ResponderEliminar
  13. Hola Maar,

    ¿Qué efecto quieres que tenga? Para saber qué código darte.
    Saludos.

    ResponderEliminar
  14. Gracias Potro!

    Lo que quiero es que se cambie por otra imagen, que sería el mismo botón pero en otro color.

    Ya tengo hosteadas las dos imágenes, la uno y la dos. Lo que quiero es que aparezca una fija y que al pasar el cursor, aparezca la dos. Igualmente quiero que al quitar el cursor, vuelva a aparecer la uno.

    Gracias de nuevo!

    ResponderEliminar
  15. Hola Maar,

    El código sería el siguiente:

    <a style="display:scroll;position:fixed;bottom:225px;right:0px" href="http://www.facebook.com/usuario" target="_blank" title="Sígueme en Facebook"><img onmouseover="this.src='URL imagen DOS';" src="URL imagen UNO" onmouseout="this.src='URL imagen UNO';"/></a>

    Cambia la URL de la imagen UNO y DOS donde se indica.
    Para que funcione bien el código debe ir dentro de un elemento HTML/Javascript.

    Saludos.

    ResponderEliminar
  16. Gracias Potro, pero no me funciona. Lo pongo, reemplazo los links y le doy publicar pero no hace el cambio. Luego cuando vuelvo al editor noto que lo que hace es que las dos comillas " las reemplaza por algo así como apos&;

    Es por lo que dices? Que tiene que como elemento HTML/Javascript? No es posible hacerlo en el código como el del facebook, que se agrega en la edición de HTML?

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

    ResponderEliminar
  18. Perfecto, ya lo pude hacer, es que pensaba que dentro de un html no funcionaría con la ubicación. Muchísimas gracias, Potro!!

    ResponderEliminar
  19. Por nada Maar, me alegro que ya esté funcionando.
    Saludos.

    ResponderEliminar
  20. buenas amigo le coloque los botones flotante de facebooks y twitter
    al darle click me sale
    No se pudo encontrar la página solicitada.
    Es posible que el enlace haya caducado o hayas escrito incorrectamente la dirección. Algunas direcciones de Internet distinguen entre mayúsculas y minúsculas.

    el boton de Twitter si me funciona

    ResponderEliminar
  21. Hola Uro Cacho,

    Es que tienes mal la URL de Facebook, tú tienes esto:
    http://www.facebook.com/elmutante26@hotmail.com

    Ahí donde tienes tu dirección de correo debe ir tu nombre de usuario. Lee el comentario #10 para saber cómo conseguir tu nombre de usuario.

    Saludos.

    ResponderEliminar
  22. gracias a todos los comentarios alentadores
    saludos amigos

    ResponderEliminar
  23. deseo conocer como puedo poner en mi blog las conversaciones que se hacen en mi facebook similar a este blog www.cafetaipa.com te agradesco mucho tu información

    ResponderEliminar
  24. Primero necesitar hacer una página en Facebook (tu página para fans) luego sigue este enlace:
    http://www.facebook.com/facebook-widgets/fanbox.php

    Saludos.

    ResponderEliminar
  25. MUCHAS GRACIAS POR tus aportes... voy con mi carretilla del supermercado y estoy escoguçiendo lo que necesito para mi blog... y de ciudad blogger me llebare muchas ideas ... gracias por tus aportes

    ResponderEliminar
  26. Puedes tomar todo lo que gustes que para eso está ;)

    ResponderEliminar
  27. Hola!

    Quería saber si se puede poner en vez de un usuario, un grupo o fan page...

    Muchas gracias!!!
    RoX

    ResponderEliminar
  28. Por supuesto RoX, sólo cambia en el código esta dirección: http://www.facebook.com/usuario, por la URL de tu grupo de fans o cualquier otra.

    Saludos.

    ResponderEliminar
  29. Gracias por el dato del botón Facebook, ya lo instalé y me ha quedado de 10!! Gracias nuevamente. Seguiré visitando el blog!

    ResponderEliminar
  30. Eres bienvenida las veces que lo desees!
    Saludos!

    ResponderEliminar
  31. GRACIAS NUEVAMENTE, FIJATE QUE YO LO HIZE PERO COMO QUIERO QUE ESA IMAGEN MINIATURA AL DARLE CLICK ENCIMA ME MANDE AL POST... PUES EN LUGAR DE BORRAR LO ROJO PEGO EL ENLACE DEL POST.. Y ZAZ FUNCIONA ME MANDA AL POST. MI PREGUNTA ES YA QUE ES TEDIOSO HACERLO MANUAL CADA VEZ QUE HAGO UN POST ¿HABRA FORMA DE HACERLO AUTOMATICO?

    ResponderEliminar
  32. Ese codigo tmb lo puedo poner en un gadget y en ves de esa imagen cambiarla por uno menos largo, no es asi??

    O como puedo poner uno en gadget?

    He visto que muxas paginas tienen el tradicional "sigueme en facebook o twitter" y abajo aparecen las mini imagenes de los usuarios fans.

    ResponderEliminar
  33. BETO CREO TENER LA RESPUESTA. TU QUIERES ESE "SIGUEME/ HASTE FANS" QUE TENGA LA MINIATURAS DE LOS QUE YA SON MIEMBROS... PUES ES FACIL Y ES ASI:
    1. TE VAS A LA PAGINA O GRUPO DE FACEBOOK (TIENI QUE SER TUYA)
    2. LE DAS CLICK A LA OPCION "EDITAR PAGINA" (ESTA ABAJO DE LA FOTO DE TU PAGINA)
    3. BUSCAS LA OPCION "PROMOCIONAR CON UN PANEL PARA FANS" (ESTA ALA DERECHA CASI ABAJO, POR ENSIMA DE LA MINIATURA DE LA FOTO DE TU PAGINA)LE DAS CLICK
    4 LUEGO ESCOGE LA OPCION QUE MAS TE GUSTE.
    5. ESCOGE EL EL WIDGET QUE TE GUSTE (EN ESTE CASO EL DE BLOGGER) LE DAS CLICK
    6. POR ULTIMO DE REDIRECCIONA A LA PAGINA DE BLOGGER Y AHI ESCOGES EN CUAL TE TUS BLOGS LOS QUIERES PONER.

    ESPERO HABERTE AYUDADO

    ResponderEliminar
  34. Hola El beto,

    Esos gadgets con las fotos de los fans son gadgets que ofrece Facebook.
    Respecto a este botón sí puedes ponerlo en un gadget sólo coloca el código dentro de un elemento HTML/Javascript. La imagen la puedes cambiar, sólo busca dentro del código esta URL: http://i46.tinypic.com/5p0l1s.png y cámbiala por la URL de tu imagen.

    ResponderEliminar
  35. Hola nEjO,

    No he entendido tu pregunta ¿cuál imagen en miniatura?

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

    ResponderEliminar
  37. Hola, sigo tus indicaciones, Potro, pero no me sale el botón de facebook. Por contra, el blog me indica lo siguiente:
    No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.

    ¿Puedes ayudarme? Muchas gracias. Mi blog es alexandrasumasi.blogspot.com

    ResponderEliminar
  38. El mensaje indica que no se están poniendo los códigos correctamente; verifica que pongas el código completo sin quitar ningún otro caracter además de que esté en el lugar indicado.

    ResponderEliminar
  39. Socio.
    Como puedo poner un boton de enlace a facebook tipo como el tuyo (es decir, no flotante).
    Un saludo y gracias maquina

    ResponderEliminar
  40. Pues yo no tengo un botón de Facebook, pero en esta entrada hay una opción que quizá te interese.

    Saludos.

    ResponderEliminar
  41. Buenas Potro,
    creo que no me he explicado bien, me refiero al enlace que tu tienes de unirse en facebook.
    Un abrazo

    ResponderEliminar
  42. Ese es sólo un simple enlace que puse en un menú. El menú que uso es este:
    http://ciudadblogger.com/2009/08/menu-vertical-para-el-blog.html

    ResponderEliminar
  43. Gracias por tu aclaración.
    He configurado el enlace a facebook para que aparezcan los post que hago en el blog pero a pesar de que me dice que la importacion esta configurada realmente no se suben los post. No se si lo he hecho mal o que pero tengo que subirlos manualmente para que aparezcan y en ese caso aparecen dublicados.
    Una ayudita crackkk

    ResponderEliminar
  44. Ummm creo que has entendido algo distinto sobre este botón. Este botón lo único que hace es un enlace hacia tu página de Facebook para que se una la gente y te siga pero no publica nada automáticamente en tu blog.

    Si te refieres a lo que se explica en esta entrada, sé que muchos han tenido problemas con eso, si ese es tu caso entonces tendrás que buscar alguna aplicación de Facebook que permita sincronizar tu blog con Facebook.

    Pero no sé si sea algo de esto a lo que te refieres o sea alguna otra cuestión :\

    ResponderEliminar
  45. La dirección a la imagen parace no funcionar

    http://i46.tinypic.com/5p0l1s.png

    o es alguna otra cosa

    Gracias

    ResponderEliminar
  46. muchas gracias por a hacer
    estos spots son muy utiles
    y muy buenos

    ResponderEliminar
  47. Rodolfo V, pues yo la veo funcionando perfectamente.

    gygi13, gracias a ti por tu amable comentario ;)

    ResponderEliminar
  48. Perdona potro…
    Quisiera saber si se puede hacer algo como lo de twitter y face book pero con Hotmail o msn.
    De modo que la ventana quede lista con la dirección propia solo para que el interesado redacte el correo y pinche en enviar…

    De antemano; te agradezco tu instrucción y me han resultado muy útiles todas las anteriores

    ResponderEliminar
  49. Ummm no, en ese caso podrías poner un formulario en el blog para que puedan enviarte correos de contacto. Aquí se explica cómo.

    ResponderEliminar
  50. Hola buenas tardes quiero colocar en mi blog un boton de facebook para que los lectores puedan ir a mi pagina de facebook solo pulsando ese boton es decir como un boton que me conecte al face con mi blog me puedes ayudar con esto por favor

    ResponderEliminar
  51. Es justamente lo que hace el botón que se explica en esta entrada.

    ResponderEliminar
  52. Gracias por responder tan pronto en mi plantilla yo no ubico esa característica que tu señalas "antes de body " por lo tanto no se donde pegar eso que explicas para hacer la prueba a ver si me funciona

    ResponderEliminar
  53. Está hasta el final de la plantilla, utiliza las teclas CTRL + F para localizarlo más fácil.

    ResponderEliminar
  54. Dios te bendiga y muchisimas gracias por tus aportes me funciono puedes entrar a nuestro blog ttp://ifedecnvaesparta.blogspot.com/ para que veas que bello se ve gracias y nuevamente Dios te bendiga

    ResponderEliminar
  55. Gracias a ti por tu visita y tus bendiciones. Saludos.

    ResponderEliminar
  56. Buenas Potro. Tinypic ha bloqueado el acceso a las imagenes en algunos paises. Almenos a mí en España no me deja. Me gustaria saber si me puedes facilitar la imagen con otro alojamiento. Un abrazo.

    http://i46.tinypic.com/5p0l1s.png

    ResponderEliminar
  57. Gracias por el aviso, ya he actualizado el código, ahora la URL es esta:

    http://2.bp.blogspot.com/_dsEG33PDaHw/TJvjtOw87LI/AAAAAAAAAXg/lBmeNWBHuCc/s1600/boton-fb.png

    ResponderEliminar
  58. Gracias amigo. Como siempre al pie del cañon. Un abrazo muy fuerte desde Almería, España.

    Un abrazo para tod@s los mejican@s que lo estan pasando mal.

    ResponderEliminar
  59. Potro muchísimas gracias, no se nada de código pero tus entradas son sencillas e intuitivas

    ResponderEliminar
  60. Esa es la idea, que los códigos estén al alcance de todos ;)

    ResponderEliminar
  61. Gracias ya lo utilicé, puden ver como quedo en http://buscador-cristiano.blogspot.com

    ResponderEliminar
  62. Gracias ahora esta ya en el Blog que acabo de iniciar.
    Gracias.

    http://deirel-medina-arquitectura.blogspot.com/

    ResponderEliminar
  63. Hola, muy bueno (tanto este botón como el de Twitter).

    Pero tengo una consulta, cuando pongo este codigo todo perfecto. Pero, como tengo Facebook y Twitter, me gustaria que un boton quede a la derecha (el de Twitter) y a la izquierda (el de Facebook), me podrias decir como hacer para que el boton de facebook, quede de lado izquierdo?

    Muchas gracias y un saludo!

    ResponderEliminar
  64. Claro, sólo cambia en este código la parte que dice right:0px por left:0px y con eso harás que se acomode del lado izquierdo.

    ResponderEliminar
  65. muy buen post potro ... gracias por el gran aporte a novatos como yo...

    ResponderEliminar
  66. Hola de nuevo potro, ya intente lo que dijiste pero no funciona; estoy usando un elemento html/javascript; y ahora uso un nombre de usuario ( ya lo hice en FB) pero me manda a la misma pagina, lo que yo quiero es que me mande a la pagina donde puedo ver los comentarios como el boton de facebook que tu tienes: te dejo el codigo que estoy usando y la direccion del blog para que lo cheques porfa gracias por todo. sebastiandelarosapelaez.blogspot.
    <a href='http://www.facebook.com/
    sebastiandelarosapelaez?v=wall'

    ResponderEliminar
  67. Lo he revisado y está funcionando perfecto, el enlace abre en la página del Muro de Facebook.

    ResponderEliminar
  68. ok. potro no que sucede talvez soy yo el que no entiende pero el enlace aparace diferente al tuyo, quiero que se vea como en este blog, ://juntosconlazaro.blogspot.com/, no se si tenga que ver con el diseño de facebook o que pasa pero no me sale asi, yo no puedo ver los comentarios del muro a menos que me registre en fb o haya una cuenta de fb abierta, pudieras checarlo, gracias y perdon por tantas molestias.

    ResponderEliminar
  69. Siempre, para ver el contenido de cualquier perfil es necesario que estés logueado en Facebook, de otra manera no podrás ver el contenido, ni los comentarios ni nada.
    Saludos.

    ResponderEliminar
  70. Disculpa Potro, pero tengo mas dudas. en este blog tienes un boton de fb cuando doy click me manda a tu muro en face y veo tus comentarios SIN estar logueado eso es lo que quiero que haga mi boton pero no lo hace. prueba usar mi boton de face en mi blog SIN ESTAR logueado y dime a que pagina te manda veras que es diferente a como tu lo tienes. perdona por favor las molestias

    ResponderEliminar
  71. Lo que sucede es que el enlace que yo tengo no es mi perfil de Facebook sino una página oficial, y lo que ves cuando entras no es el muro de comentarios, sino una página de bienvenida en la que he incluido comentarios con un gadget de Facebokk.
    Pero en el caso de los perfiles de Facebook es como te dije, necesitas estar logueado para poder ver todos los datos del perfil.

    ResponderEliminar
  72. ok potro, gracias por todo ya esta mas claro, un ultimo favor podrias darme un codigo para poner algunas cosas a la pagina oficial, (esa ya se como hacerla gracias a ti por supuesto) con tus recomendaciones; sino es mucha molestia. gracias por todo; tu blog esta simplemente genial y tus trucos ni que decir

    ResponderEliminar
  73. Pues no sabría decirte qué poner ya que cada uno sabe más o menos qué es lo que desea mostrar ahí. Básicamente puedes agregar imágenes, enlaces, o el gadget de comentarios como el que tengo, ese puedes ver cómo se hace ahí mismo en los primeros comentarios de esa entrada donde explico cómo ponerlo para la página de Facebook.

    Saludos y muchas gracias por tus amables comentarios.

    ResponderEliminar
  74. Implementado en mi blog de portalfoxmix, muchisima gracias El Potro :)

    ResponderEliminar
  75. Hola, tengo un problemilla, hace meses que usé tu tutorial con estupendos resultados, pero hace unos días me dí cuenta de que en vez de aparecer el botón flotante de Facebook, aparecía esto otro:" TINYPIC TM This image or video has been moved or deleted"
    Cómo se puede solucionar?

    Muchas gracias por adelantado

    Esther
    http://lamiradademedusaartesania.blogspot.com/

    ResponderEliminar
  76. Si el problema es que TinyPic ha bloqueado la IP de tu país entonces puedes solucionarlo de esta forma:
    http://ciudadblogger.com/2010/09/recuperar-las-fotos-de-tinypic.html

    Pero si el problema es que tú o TiniPic eliminaron la foto entonces no hay modo de recuperarla :\

    ResponderEliminar
  77. gracias, por el dato

    http://www.juanfactor.com/

    ResponderEliminar
  78. Hola!
    Mira... me he leido comentarios pero no encuentro respuesta.
    ¿Cómo cambio el diseño de la ventanita de FACEBOOK?
    Por más que lo intente no encuentro la manera de cambiarle el diseño...

    ¡Gracias!

    ResponderEliminar
  79. ¿Te refieres a la imagen de Facebook que se agrega?
    Esa es una imagen, para cambiarla tendrías que editar la imagen o bien, utilizar otra imagen.
    Si la editas o la cambias por otra sólo busca esta URL en el código:

    http://2.bp.blogspot.com/_dsEG33PDaHw/TJvjtOw87LI/AAAAAAAAAXg/lBmeNWBHuCc/s1600/boton-fb.png

    Y en su lugar agrega la URL de la nueva imagen que has cambiado.
    Saludos.

    ResponderEliminar
  80. Buenas Noches Potro, me puedes explicar como hago para que al hacer Click en el Boton Flotante de Facebook se vaya a la pagina Principal de mi Facebook..he intentando todo, he colocado el ID y nada siempre me sale una pagina en blanco de facebook..he realizado todos los pasos que aqui explicas y nada..te explico es una pagina de Fanspage de Facebook de una de mis empresas, este es el ID 135484189850506, POR FAVOR me puedes ayudar a configurarlo..Gracias amigo...

    ResponderEliminar
  81. lo estoy colocando asi:

    <a href='http://www.facebook.com/135484189850506'

    dime por favor si esta bien o lo estoy haciendo mal....

    puedes visitar mi Blog para que te des cuenta, el mismo es:

    www.gerenciaparalavida.com

    Siempre me dice "No se ha encontrado la página solicitada."

    Por Favor Ayudame

    ResponderEliminar
  82. Hola Gerencia para la Vida C.A.,

    Si tu página no tiene aun un nombre de usuario asignado entonces la URL que debes poner es así:

    http://www.facebook.com/profile.php?id=135484189850506

    De modo que quedaría así el código:

    <a href='http://www.facebook.com/profile.php?id=135484189850506' target='_blank' title='Sígueme en Facebook'><img src='http://2.bp.blogspot.com/_dsEG33PDaHw/TJvjtOw87LI/AAAAAAAAAXg/lBmeNWBHuCc/s1600/boton-fb.png' style='display:scroll;position:fixed;bottom:225px;right:0px'/></a>

    Saludos.

    ResponderEliminar
  83. Buenos dias Potro, Utilice el codigo modificado pero igual me envia hacia la pagina de Facebook en Blanco de inicio de sesion..quisiera que cuando se de Click al boton flotante muestre la pagina donde sale la foto de la empresa y el nombre...ya coloque el codigo, si puedes verifica mi blogger para que veas a que me refiero

    No se si tendra que ver que ese perfil de Facebook es una FANSPAGE

    ..gracias amigo..

    ResponderEliminar
  84. Lo que sucede es que necesitas estar logueado para poder ver el contenido. Ahora no sé cómo hayan cambiado las cosas en Facebook pero antes eso sólo sucedía en las páginas de la comunidad y para solucionarlo tenías que crear una página Oficial en vez de una página de la comunidad. No sé si recién la hayas creado o ya tenga tiempo.

    ResponderEliminar
  85. Hola portro, coloque esto en mi blog, pero cuando lo uso, sale detras del fanbox o de cualquier gadgets...

    ResponderEliminar
  86. Hola Javier,

    Prueba poner después de esta parte del código:
    style='display:scroll;

    Lo siguiente:
    z-index: 899;

    ResponderEliminar
  87. oye portro eres un genio a mi no me anda :S es un blog de futbol q salio de mia pagina de facebook :D tiene mas de 100 mil fans si quires un dia de estos t publico y hablamos asi me ayudas :d

    ResponderEliminar
  88. Eso no es necesario, la ayuda que ofrezco no la condiciono ;)
    Necesitaría ver en cuál blog lo has puesto para echarle una mirada al código y detectar dónde está el problema.

    ResponderEliminar
  89. Potro muchas gracias por tu pagina hermano haces que nuestro trabajo sea mas facil, estoy creando un blog practicamente con tus consejos y trucos, sigue asi hermano, y muchas gracias por tu tiempo al tratar de ayudarnos

    ResponderEliminar
  90. Te agradezco tu comentario Javifenix, me da gusto que encuentres útil la información que aquí se comparte.
    Saludos!

    ResponderEliminar
  91. Hola potro. Una duda, tengo en mi blog los botones flotantes de facebook y twitter pero no estan centrados, estan un poco abajo. mi pregunta es ¿como los puedo centrar?. Mi blog http://rockclasico1.blogspot.com

    Gracias y suerte.

    ResponderEliminar
  92. Hola Emilio,

    En ambos puedes cambiar la posición vertical donde dice bottom:225px, si le pones un valor más pequeño se hará más arriba.

    ResponderEliminar
  93. Muchas gracias Potro. Ya lo Puse un poco mas centrado. Saludos. :)

    ResponderEliminar
  94. COMO HAGO PARA QUE EL BOTON DE FACEBOOK "ME GUSTA" ME APAREZCA DEBAJO DE CADA ENTREDA DEL BLOGGER, YA PREGUNTE UNA VEZ ME FUNCIONO PERO SE PERDIO EL CODIGO

    ResponderEliminar
  95. Aquí está la información que buscas:
    http://ciudadblogger.com/2011/01/agregar-el-boton-me-gusta-de-facebook.html

    ResponderEliminar
  96. Potro y para ponerlo al lado izquierdo? comos eria el proceso

    ResponderEliminar
  97. Mira el comentario #71, ahí está la respuesta :)

    ResponderEliminar
  98. Potro en la entrada de los botones flotantes de Twitter o Facebook, se poner uno pero me gustaria poner los dos.

    ResponderEliminar
  99. En esta misma entrada se explica, ahí dice:
    "Si ya tienes el botón de Twitter y quieres tener ambos bagdes entonces cambia lo que está en color verde por bottom:105px; de este modo el botón quedará abajo del badge de Twitter."

    ResponderEliminar
  100. Holaa me ayudas mira yo qusisera poner una imagen flotante arriba del blog peroo que no sea con url yoo la quiero poner con un codigo html me ayudaas x faaaa!

    ResponderEliminar
  101. Hola Stephanie, no he entendido lo del código HTML, ¿me explicas un poco más?

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

    ResponderEliminar
  103. aver mira en ves de una url poner esto: <iframe width="560" height="315" src="http://www.youtube.com/embed/XpoVbmx1qYU" frameborder="0" allowfullscreen></iframe>

    ResponderEliminar
  104. Sólo encierra ese código entre:
    <div style="position:fixed; bottom: 40px; right: 0px;">

    y

    </div>

    ResponderEliminar
  105. Graaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaacccccccccccccccciiiiiiiiiiiiiiiiiaaaaaaaaaaaaaaaaaas XD :D

    ResponderEliminar
  106. Deeeeee naaaaaaaaaaaaddddddddddaaaaaaaaaaaaaaa!!!! :)

    ResponderEliminar
  107. Ufff.... no me cansaré de agradecerte lo fácil que haces esto :)

    ResponderEliminar
  108. Hola El potro,me sirvio mucho,y si quiero poner el de youtube es lo mismo no?

    ResponderEliminar
  109. Casa de Cultura Tela, Atlántida, gracias a ti por tu visita!

    Compañia EnCuerpo, sí, es lo mismo, sólo cambia como dice la entrada lo que está en color verde para que no se encimen los botones ;)

    ResponderEliminar
  110. ayudaaa mira esto no se relaciona con este tema peroo ayuddddddddddaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa!

    como hago esto


    mira yo enves de esta url:https://lh3.googleusercontent.com/-ccPa1ZE9Rn4/TWsARoSJzlI/AAAAAAAAAUA/5kHx_kocrpA/s1600/header.jpg

    quiero poner este codigo:<iframe width="560" height="315" src="http://www.youtube.com/embed/XpoVbmx1qYU" frameborder="0" allowfullscreen></iframe>

    ese codigo lo quiero poner aqui: (donde esta la url)
    <img style=alt="https://lh3.googleusercontent.com/-ccPa1ZE9Rn4/TWsARoSJzlI/AAAAAAAAAUA/5kHx_kocrpA/s1600/header.jpg" src="https://lh3.googleusercontent.com/-ccPa1ZE9Rn4/TWsARoSJzlI/AAAAAAAAAUA/5kHx_kocrpA/s1600/header.jpg" width="1007" height="503">


    XFAAA AYUDAA :/

    ResponderEliminar
  111. Dentro del código de una imagen no puedes poner un iframe. Tendrías que poner el iframe en lugar del código de la imagen.

    ResponderEliminar
  112. Hola Potro, he puesto el botón y cuando le doy click para ingresar a Facebook se me pone al lado un cuadro con puntitos (no se como explicarme mejor), podrías echarle una mirada?.

    Gracias

    ResponderEliminar
  113. Hola,

    Para que no aparezcan esos bordes punteados en los enlaces agrega arriba de:
    a img {
    border-width: 0;
    }

    Esto:
    a:focus {outline: none;}

    Saludos.

    ResponderEliminar
  114. Me alegro que así haya sido :)
    Buen inicio de semana!

    ResponderEliminar
  115. Como lo pongo de lado izquierdo potro? Saludos

    ResponderEliminar
  116. Sólo cambia en ese código la parte que dice right:0px por left:0px y con eso harás que se acomode del lado izquierdo. Saludos.

    ResponderEliminar
  117. y si quiero twitter y facebook los dos juntos como ago por intente y solo sale uno

    ResponderEliminar
    Respuestas
    1. Lee de nuevo la entrada, ahí se explica eso.

      Eliminar
  118. Potro, una duda, si quiero poner en mi blog el boto flotante de tuenti y de youtube, solo sustituyo las imágenes y los link que las llevan a mis respectivas cuenta verdad? y otra duda que función tiene esto en el código?bottom:225px, porque no se como debería acomodarlo para cada cosa. Gracias y un saludo

    ResponderEliminar
    Respuestas
    1. Así es, sólo cambia las imágenes y los links. El bottom:225px; es la distancia desde abajo, juega con ese valor, dale vista previa y verás de qué se trata ;)

      Eliminar

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

 
Ir Arriba Ir Abajo
¿Te gusta Ciudad Blogger?