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.
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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpw7CPEvu2Pc8sxH2vSHQTuX75Kbv9kDjR0BEGDcnBlxjQJOKe4KFogULUsTuLHjFyTMFAjhv9Em1lPKdjqn2uKsRQT79k20x3kIV3xvqiKabNO1eRnb6VKZ2oivp65oGu28wXD6UyUlQw/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.
Ciudad Blogger
Holaa!
ResponderEliminarEste si que lo usare con el blog de mi amigo
(esque yo no tengo twitter XD)
Muchas graciias!!
En cambio yo no uso Facebook pero espero que quienes sí lo usan les sirva.
ResponderEliminarSaludos.
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
ResponderEliminarMuchas gracias por lo de los comentarios, me funciono :)
ResponderEliminargRACIAS POTRO
ResponderEliminarA 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
Eres un maestro Bro!! me da mucha risa porque a diario entro a blogs y noto que van implementando tus nuevos trucos!!! :)
ResponderEliminarSigue 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!!!
Manu, veo que estás estrenando dominio, felicidades =)
ResponderEliminarEzequiel, 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!
jeje Gracias!
ResponderEliminarhola! gracias por la info, una pregunta ¿como se mi usuario? de facebook gracias!!!
ResponderEliminarHola gambetagol,
ResponderEliminarSi 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.
Millon de gracias me anduvo perfecto! exelente blog! SALUDOS!!!
ResponderEliminarMe encanta esto, tan fácil y tan útil. Muchas gracias!
ResponderEliminarChicos, alguien sabe el código para hacer que el botón cambie con el paso del cursor???
ResponderEliminarHola Maar,
ResponderEliminar¿Qué efecto quieres que tenga? Para saber qué código darte.
Saludos.
Gracias Potro!
ResponderEliminarLo 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!
Hola Maar,
ResponderEliminarEl 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.
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&;
ResponderEliminarEs 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?
Este comentario ha sido eliminado por el autor.
ResponderEliminarPerfecto, ya lo pude hacer, es que pensaba que dentro de un html no funcionaría con la ubicación. Muchísimas gracias, Potro!!
ResponderEliminarPor nada Maar, me alegro que ya esté funcionando.
ResponderEliminarSaludos.
Se agradece!!!!
ResponderEliminarExcelente información!
buenas amigo le coloque los botones flotante de facebooks y twitter
ResponderEliminaral 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
Hola Uro Cacho,
ResponderEliminarEs 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.
muchas gracias
ResponderEliminarsaludos
gracias a todos los comentarios alentadores
ResponderEliminarsaludos amigos
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
ResponderEliminarPrimero necesitar hacer una página en Facebook (tu página para fans) luego sigue este enlace:
ResponderEliminarhttp://www.facebook.com/facebook-widgets/fanbox.php
Saludos.
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
ResponderEliminarPuedes tomar todo lo que gustes que para eso está ;)
ResponderEliminarHola!
ResponderEliminarQuería saber si se puede poner en vez de un usuario, un grupo o fan page...
Muchas gracias!!!
RoX
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.
ResponderEliminarSaludos.
Gracias por el dato del botón Facebook, ya lo instalé y me ha quedado de 10!! Gracias nuevamente. Seguiré visitando el blog!
ResponderEliminarEres bienvenida las veces que lo desees!
ResponderEliminarSaludos!
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?
ResponderEliminarEse codigo tmb lo puedo poner en un gadget y en ves de esa imagen cambiarla por uno menos largo, no es asi??
ResponderEliminarO 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.
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:
ResponderEliminar1. 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
Hola El beto,
ResponderEliminarEsos 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.
Hola nEjO,
ResponderEliminarNo he entendido tu pregunta ¿cuál imagen en miniatura?
muy util
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarHola, sigo tus indicaciones, Potro, pero no me sale el botón de facebook. Por contra, el blog me indica lo siguiente:
ResponderEliminarNo 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
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.
ResponderEliminarSocio.
ResponderEliminarComo puedo poner un boton de enlace a facebook tipo como el tuyo (es decir, no flotante).
Un saludo y gracias maquina
Pues yo no tengo un botón de Facebook, pero en esta entrada hay una opción que quizá te interese.
ResponderEliminarSaludos.
Buenas Potro,
ResponderEliminarcreo que no me he explicado bien, me refiero al enlace que tu tienes de unirse en facebook.
Un abrazo
Ese es sólo un simple enlace que puse en un menú. El menú que uso es este:
ResponderEliminarhttp://ciudadblogger.com/2009/08/menu-vertical-para-el-blog.html
Gracias por tu aclaración.
ResponderEliminarHe 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
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.
ResponderEliminarSi 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 :\
Todo aclarado,
ResponderEliminarGracias amigo
La dirección a la imagen parace no funcionar
ResponderEliminarhttp://i46.tinypic.com/5p0l1s.png
o es alguna otra cosa
Gracias
muchas gracias por a hacer
ResponderEliminarestos spots son muy utiles
y muy buenos
te doy mil
ResponderEliminarRodolfo V, pues yo la veo funcionando perfectamente.
ResponderEliminargygi13, gracias a ti por tu amable comentario ;)
Perdona potro…
ResponderEliminarQuisiera 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
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.
ResponderEliminarHola 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
ResponderEliminarEs justamente lo que hace el botón que se explica en esta entrada.
ResponderEliminarGracias 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
ResponderEliminarEstá hasta el final de la plantilla, utiliza las teclas CTRL + F para localizarlo más fácil.
ResponderEliminarDios 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
ResponderEliminarGracias a ti por tu visita y tus bendiciones. Saludos.
ResponderEliminarBuenas 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.
ResponderEliminarhttp://i46.tinypic.com/5p0l1s.png
Gracias por el aviso, ya he actualizado el código, ahora la URL es esta:
ResponderEliminarhttp://2.bp.blogspot.com/_dsEG33PDaHw/TJvjtOw87LI/AAAAAAAAAXg/lBmeNWBHuCc/s1600/boton-fb.png
Gracias amigo. Como siempre al pie del cañon. Un abrazo muy fuerte desde Almería, España.
ResponderEliminarUn abrazo para tod@s los mejican@s que lo estan pasando mal.
Potro muchísimas gracias, no se nada de código pero tus entradas son sencillas e intuitivas
ResponderEliminarEsa es la idea, que los códigos estén al alcance de todos ;)
ResponderEliminarGracias ya lo utilicé, puden ver como quedo en http://buscador-cristiano.blogspot.com
ResponderEliminarTe ha quedado muy bien ;)
ResponderEliminarGracias ahora esta ya en el Blog que acabo de iniciar.
ResponderEliminarGracias.
http://deirel-medina-arquitectura.blogspot.com/
Hola, muy bueno (tanto este botón como el de Twitter).
ResponderEliminarPero 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!
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.
ResponderEliminarMuchas gracias!
ResponderEliminarbueno
ResponderEliminarmuy buen post potro ... gracias por el gran aporte a novatos como yo...
ResponderEliminarHola 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.
ResponderEliminar<a href='http://www.facebook.com/
sebastiandelarosapelaez?v=wall'
Lo he revisado y está funcionando perfecto, el enlace abre en la página del Muro de Facebook.
ResponderEliminarok. 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.
ResponderEliminarSiempre, 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.
ResponderEliminarSaludos.
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
ResponderEliminarLo 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.
ResponderEliminarPero en el caso de los perfiles de Facebook es como te dije, necesitas estar logueado para poder ver todos los datos del perfil.
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
ResponderEliminarPues 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.
ResponderEliminarSaludos y muchas gracias por tus amables comentarios.
Implementado en mi blog de portalfoxmix, muchisima gracias El Potro :)
ResponderEliminarHola, 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"
ResponderEliminarCómo se puede solucionar?
Muchas gracias por adelantado
Esther
http://lamiradademedusaartesania.blogspot.com/
Si el problema es que TinyPic ha bloqueado la IP de tu país entonces puedes solucionarlo de esta forma:
ResponderEliminarhttp://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 :\
Hola!
ResponderEliminarMira... 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!
¿Te refieres a la imagen de Facebook que se agrega?
ResponderEliminarEsa 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.
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...
ResponderEliminarlo estoy colocando asi:
ResponderEliminar<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
http://www.gerenciaparalavida.com/
ResponderEliminarHola Gerencia para la Vida C.A.,
ResponderEliminarSi 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.
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
ResponderEliminarNo se si tendra que ver que ese perfil de Facebook es una FANSPAGE
..gracias amigo..
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.
ResponderEliminarHola portro, coloque esto en mi blog, pero cuando lo uso, sale detras del fanbox o de cualquier gadgets...
ResponderEliminarHola Javier,
ResponderEliminarPrueba poner después de esta parte del código:
style='display:scroll;
Lo siguiente:
z-index: 899;
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
ResponderEliminarEso no es necesario, la ayuda que ofrezco no la condiciono ;)
ResponderEliminarNecesitaría ver en cuál blog lo has puesto para echarle una mirada al código y detectar dónde está el problema.
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
ResponderEliminarTe agradezco tu comentario Javifenix, me da gusto que encuentres útil la información que aquí se comparte.
ResponderEliminarSaludos!
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
ResponderEliminarGracias y suerte.
Hola Emilio,
ResponderEliminarEn 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.
Muchas gracias Potro. Ya lo Puse un poco mas centrado. Saludos. :)
ResponderEliminarCOMO 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
ResponderEliminarAquí está la información que buscas:
ResponderEliminarhttp://ciudadblogger.com/2011/01/agregar-el-boton-me-gusta-de-facebook.html
Potro y para ponerlo al lado izquierdo? comos eria el proceso
ResponderEliminarMira el comentario #71, ahí está la respuesta :)
ResponderEliminarPotro en la entrada de los botones flotantes de Twitter o Facebook, se poner uno pero me gustaria poner los dos.
ResponderEliminarEn esta misma entrada se explica, ahí dice:
ResponderEliminar"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."
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!
ResponderEliminarHola Stephanie, no he entendido lo del código HTML, ¿me explicas un poco más?
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminaraver mira en ves de una url poner esto: <iframe width="560" height="315" src="http://www.youtube.com/embed/XpoVbmx1qYU" frameborder="0" allowfullscreen></iframe>
ResponderEliminarSólo encierra ese código entre:
ResponderEliminar<div style="position:fixed; bottom: 40px; right: 0px;">
y
</div>
Graaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaacccccccccccccccciiiiiiiiiiiiiiiiiaaaaaaaaaaaaaaaaaas XD :D
ResponderEliminarDeeeeee naaaaaaaaaaaaddddddddddaaaaaaaaaaaaaaa!!!! :)
ResponderEliminarUfff.... no me cansaré de agradecerte lo fácil que haces esto :)
ResponderEliminarHola El potro,me sirvio mucho,y si quiero poner el de youtube es lo mismo no?
ResponderEliminarCasa de Cultura Tela, Atlántida, gracias a ti por tu visita!
ResponderEliminarCompañ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 ;)
ayudaaa mira esto no se relaciona con este tema peroo ayuddddddddddaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa!
ResponderEliminarcomo 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 :/
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.
ResponderEliminarHola 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?.
ResponderEliminarGracias
Hola,
ResponderEliminarPara que no aparezcan esos bordes punteados en los enlaces agrega arriba de:
a img {
border-width: 0;
}
Esto:
a:focus {outline: none;}
Saludos.
Potro.. muchas gracias (funcionó OK).
ResponderEliminarMe alegro que así haya sido :)
ResponderEliminarBuen inicio de semana!
Como lo pongo de lado izquierdo potro? Saludos
ResponderEliminarSó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.
ResponderEliminarGracias potrillo
ResponderEliminary si quiero twitter y facebook los dos juntos como ago por intente y solo sale uno
ResponderEliminarLee de nuevo la entrada, ahí se explica eso.
EliminarPotro, 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
ResponderEliminarAsí 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 ;)
EliminarGRACIAS ME SIRVIO
ResponderEliminar