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

El Fanbox de Facebook, flotante y con efecto deslizante

15 de agosto de 2011 | Número de comentarios603 comentarios
Aunque Facebook Slide Likebox es una extensión de Joomla también podemos usarlo en Blogger.
Se trata de un gadget que muestra una pestaña en un extremo del blog, y al pasar el cursor sobre ella aparece el fanbox de Facebook con un efecto deslizante. Puedes verlo en esta misma entrada, se encuentra en el lado derecho de la ventana.

El gadget funciona con jQuery que es el que le da ese efecto deslizante, así que usaremos ese script, un poco de CSS y el FanBox de Facebook.

Lo primero es entrar en Diseño | Edición de HTML y antes de </head> pega el script:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>

<script type="text/javascript">
jQuery.noConflict();
jQuery(function (){
jQuery(".slide_likebox").hover(function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"0"},"medium");
},function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"-250"},"medium");
},500);
return false;
});
</script>
Ahora antes de ]]></b:skin> agrega los estilos:
.slide_likebox {
float:right;
width:288px;
height:345px;
background: url(https://lh6.googleusercontent.com/-VW_GzzYnZJ0/TkiZQFcBc2I/AAAAAAAABmg/fa9_qWV8Cu4/fb_bg.png) no-repeat !important;
display:block;
right:-250px;
padding:0;
position:fixed;
top: 130px;
z-index:1002;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
div.likeboxwrap {
margin-top:2px;
margin-left:-5px;
width:238px;
height:325px;
background-color:#fff;
overflow:hidden;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
div.likeboxwrap iframe {margin:-1px}
Por último entra en Diseño | Elementos de la página | Añadir gadget | HTML/Javascript y ahí pega esto:
<div class="slide_likebox"> <div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;"><span><div class='likeboxwrap'><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fnombre-de-tu-pagina-de-facebook&amp;width=240&amp;colorscheme=light&amp;connections=15&amp;stream=false&amp;header=false&amp;height=350" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:240px; height:320px;" allowtransparency="true"></iframe></div></span></div></div>
Ese código contiene el Fanbox, así que cambia donde se indica el nombre de tu página, y listo.
No requiere muchos pasos ni mayor trabajo, a menos que quieras hacerle modificaciones.

La pestaña, así como el fondo del gadget es una imagen, así que si deseas cambiarle el color o tamaño tendrás que editar la imagen que se encuentra en el área de los estilos.
Lo ideal sería no modificar el tamaño, pero en caso de que desees hacerlo deberás -como dije- editar la imagen, cambiar las medidas tanto en los estilos como en el Fanbox, pero además mirar la entrada donde hablamos cómo agregar el fanbox sin borde, pues ese mismo procedimiento hemos usado aquí también, así que ahí podrás ver qué se necesita restar en las medidas del Fanbox.

Pero claro, eso es sólo si quieres modificar su tamaño, sino entonces no necesitarás nada más que los tres primeros pasos y podrás tener este Fanbox de Facebook, flotante y con efecto deslizante en tu blog.

603 comentarios :

  1. :o Muy interesante! Tal vez lo utilize en mi blog ;)

    Saludos

    ResponderEliminar
  2. Se podria hacer algo asi conn twitter?

    ResponderEliminar
  3. Potro como siempre sos un genio Bro! Solo me gustaria saber como colocarlo al centro o en el medio no abajo. Adelante Potro con sus genialidades.

    ResponderEliminar
  4. Caramba! humm... esto puede servirme para algo que no sea para las redes..

    Muy interesante.

    Te acabo de ver hace nada, claro que no llevabas ese sombrero..eras solamente un puntito rojo en el mapa ;) .

    Espero te haya gustado.

    Te avisaré si encuentro otro uso a este truco.

    Un beso.

    ResponderEliminar
  5. Media Download, que todo salga bien!

    LuisitoLP, en la versión de pago sí, supongo que a este mismo se le puede implementar, sólo cambiando el código del fanbox por el gadget de Twitter, ahí no he querido investigar mucho porque como dije, esa versión ya es de pago.

    Adalberto, qué gusto que ha sido de tu agrado :)

    ResponderEliminar
  6. Hola potro, al intentar poner este fanbox en mi Facebook, añado lo de Ciudad PC y me enlaza con el facebook de una empresa de ordenadores (PC city), aparte de que algo hare mal, tu sabes si legalmente puede haber una pagina que aunque sus dominios sean Ejemplo: wwww.pepe.com tengan el nombre de mi blog?
    Un abrazo

    ResponderEliminar
  7. MHermon, la posición del gadget puedes controlarla en esta parte:

    top: 130px;

    Con un valor más pequeño el gadget se hará más arriba, con uno más grande se colocará más abajo.

    ResponderEliminar
  8. Gracias Potro por su ayuda, solo queria comentar que me da un error en el id, tengo que escribir toda la direccion o solo el nombre de mi fb?

    ResponderEliminar
  9. Hola Potró! Esto está genial realmente! Yo ya lo he implementado a http://avril-paraguay.blogspot.com y quedó más que perfecto! Pero ahora me gustaría hacer lo mismo pero con Twitter.. Me puedes explicar como lo puedo hacer? Gracias.! ;)

    ResponderEliminar
  10. Muy buena entrada potro veremos como lo implemento en uno de mis blog

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

    ResponderEliminar
  12. Potro! Estuve experimentando y pude hacer lo mismo con Twitter, solo cambie el codigo del iframe del fanbox por el codigo del widget de twitter y funciona a la perfección! Lo que necesito saber ahora es como hacer para poner el de facebook y debajo el de twitter, tengo que poner dos veces todo el codigo de arriba.??? como lo hagoo???? ;)

    ResponderEliminar
  13. porque no me funciona el efecto deslizante necesito tener instalado algo el jquery o que no entiendo porque no me funciona hize paso por paso solo se ve el fansbox pero sin efecto deslizante.

    gracias por tu ayuda

    ResponderEliminar
  14. Angie, seguro le encontrarás un buen uso, por suerte puede adaptarse a varias aplicaciones :)

    PC, entonces no has puesto correctamente el nombre de tu página, verifica de nuevo que sea el nombre de la tuya. En cuanto a la otra pregunta, cualquier persona puede registrar el nombre que desee en otra extensión, en tu ejemplo, si www.pepe.com ya tiene ese dominio, no implica que otra persona pueda adquirir www.pepe.net, es perfectamente legal pues son dos direcciones diferentes, lo mismo si se trata de un blog.

    ResponderEliminar
  15. MHermon, sólo el nombre, no la URL, por ejemplo, en mi caso sería:
    fans.ciudadblogger

    Franco Paravecino, si modificas el que hiciste me lo presumes :)

    ResponderEliminar
  16. .::DIEGO::., habría que cambiar class="slide_likebox" por class="slide_likebox2"
    Y luego repetir los estilos pero cambiando .slide_likebox por .slide_likebox2
    En estos últimos estilos tendrás que modificar top: 130px; por otro valor para que no se encimen.

    ResponderEliminar
  17. Jhonnysan, que todo salga bien!

    GuateClones.tk, ¿en dónde lo has puesto?

    ResponderEliminar
  18. Potro la verdad no se que estoy haciendo mal, no me da la pagina, o sea, me carga y funciona genial, pero no sale mi fanpage y no se porque.

    Aqui te dejo mi BLOG y mi FANPAGE, no se como hacerlo.

    Agradezco mucho su ayuda.

    ResponderEliminar
  19. POTRO NO ME SALE ..SOLO APARECE ESTO Could not retrieve id for the specified page. Please verify correct href was passed in.

    ResponderEliminar
  20. MHermon, lo que sucede es que tu página aún no tiene asignada una URL personalizada. En el caso de esas páginas entonces cambia esta parte del código:
    http%3A%2F%2Fwww.facebook.com%2Fnombre-de-tu-pagina-de-facebook

    Por esto:
    http%3A%2F%2Fwww.facebook.com%2Fpages%2FNombre-de-la-pagina-de-facebook%2FXXXXXXXXXX

    Ahí modifica el nombre de tu página y las XXXXXXX son el número que viene hasta el final de la URL de tu página, ese puedes conocerlo entrando a tu página de Facebook y ver los números que aparecen al final de la URL en la barra de direcciones.

    En tu caso quedaría así:
    http%3A%2F%2Fwww.facebook.com%2Fpages%2FMinisterios-Hermon%2F105635339509780

    ResponderEliminar
  21. Radio Contenidos, no mencionas cuál es tu página de Facebook, pero quizá es el mismo caso de MHermon. Mira el comentario #23 para que veas cómo ponerlo.

    ResponderEliminar
  22. ES ESTA POTRO, TE VOY A AGRADECER TANTAS COSAS DESDE CATAMARCA - ARGENTINA CON VOS HE APRENDIDO MUCHAS COSAS. TE COMENTO QUE SOY LOCUTOR TENGO DOS PROGRAMAS EN LA RADIO DE LA UNIVERSIDAD NACIONAL DE CATAMARCA E INCLUSO ESTOY AL AIRE AHORA. ESTA ES LA PAGINA Y MI BLOG

    http://www.facebook.com/pages/SUBELE-EL-VOLUMEN/260571167676?ref=hnav

    www.guillermomorales.com.ar

    ResponderEliminar
  23. Listo! Como me dijiste Potro; volvi a agregar el scrip y el codigo de los estilos y el elemento html, en todos cambiando el "slide_likebox" por "slide_likebox2" y quedó perfecto! Sim embargo hay un pequeeño problema y es que siempre se expone el de twitter y solo al subir el cursor por encima de ese widget, ahi recién se expande el de facebook, como hago para que cada uno aparesca al pasar el cursor por su respectivo botón? (Ambos están bien separados) No se si me explique bien, puedes verlo AQUI

    ResponderEliminar
  24. Como siempre Potro, sos un genio. Te comento que se arreglo el problema anterior. Solo que ahora tengo el problema que por mas que trate de subir el gadget, se monta sobre otro que tengo, no se como logro ahora bajar un poco ese gadget y asi quede mas homogeneo los 3 gadgets. No se si lo notastes antes. Gracias de antemano. Saludos y exitos en todo.

    ResponderEliminar
  25. hola protro muy buena idea casi me funciono pero tengo un problemita es que no me aparece me el fanbox aparece estas palabras

    Could not retrieve id for the specified page. Please verify correct href was passed in.
    XD saludos

    ResponderEliminar
  26. ajajja pd:perdon por escribir mal tu nombre no me di cuenta

    ResponderEliminar
  27. XD ya lo arregle lei algunos de lo comentario aver si alguno tenia el mismo problema o uno parecido y lo encontre ya lo solucione grax potro sos un groso

    ResponderEliminar
  28. no se como instalar jquery por favor ayuda

    ResponderEliminar
  29. Gracias Potro por la aclaracion.
    Un abrazo

    ResponderEliminar
  30. Radio Contenidos, con el comentario #23 puedes ver cómo ponerlo, sería el mismo método. Saludos!

    .::DIEGO::., pues es que tendrías que separarlos por completo. Ten en cuenta que la altura del gadget no es la pestaña, sino todo el gadget, así que tendrías que separarlo toda esa distancia, 345px

    ResponderEliminar
  31. MHermon, tendrás que separarlo mucho más para que no se encime.

    X.A.N.A, qué bueno que ya lo has resuelto, y por la equivocación no te preocupes, es divertido ver las variantes del nick :P

    GuateClones.tk, siguiendo los tres primeros pasos de la entarda estará instalado, no necesitas hacer nada más, sólo sigue las indicaciones al pie de la letra. Si no te funciona deja la dirección de tu blog para poder verlo.

    ResponderEliminar
  32. Hola potro como te die anteriormente, que mi plantilla no toma en cuenta los aspectos en la letra, como negrita, italica mira:

    http://juadaniel.blogspot.com/2011/08/prueba-de-texto.html

    Me podeis ayudar ? GRACIAS ! ;)

    ResponderEliminar
  33. eso ami no me sirve :( queda debajo d la pagina nos aves q pasa ?

    ResponderEliminar
  34. potro gracias jajajaja ...saludos segui asi

    ResponderEliminar
  35. excelente me usto muchisimo lo aplique deinmediato muchas gracias saludos potro ;)

    ResponderEliminar
  36. Gracias, excelente el aporte, lo hice en mi blog y me quedo muy bacano... http://on.fb.me/rkIsqK

    ResponderEliminar
  37. Hola Juan Daniel,

    Con gusto te ayudo, sólo hay que procurar no abrir comentarios en distintas entradas pues así nos perdemos un poco, debemos continuar en la entrada donde se preguntó por primera vez para darle el seguimiento adecuado.

    Los estilos de las entradas, tales como las negritas e itálicas no surgen efecto por otro estilo de la plantilla. Para solucionarlo busca esta parte y elimínala:

    font: inherit;

    Y para que se respeten los colores que eliges, busca y elimina este código:
    color: #888;

    Saludos.

    ResponderEliminar
  38. 16 musas, ¿en cuál blog lo has puesto?

    Antonio, qué gusto que así haya sido :)

    ResponderEliminar
  39. MCarlitooH2, saludos wn :D

    Manuel System Pro, me alegro que haya sido de tu agrado!

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

    ResponderEliminar
  41. Hola Potro. Mi pregunta es: ¿no tienes este truco también para Twitter?

    ResponderEliminar
  42. Potro, no sabía como hacerlo,...me tiré finalmente a la piscina y con el truco del comentario 23 logré activarlo y funciona perfectamente,..WEEEEEE,...la alegría que da para inútiles como yo poder seguir tus instrucciones y ver que finalmente podemos mejorar los blogs, muchas gracias ! ! !

    http://runninginpanama.blogspot.com/

    ResponderEliminar
  43. Saludos Potro, no hay ago así pero que funcione con Scriptacolous? Es el que uso...

    Saludos.

    ResponderEliminar
  44. hola me podrias ayudar todo me funciona bien pero mi fanpage no me sale en vez me sale un cuadro rojo con un texto:

    This page can't be seen by the current user. Please check page privacy and visibility settings.

    espero tu ayuda gracias

    ResponderEliminar
  45. Fer Panama, nadie es inútil eso te lo aseguro, y como prueba está que el fanbox te ha quedado de lujo :)

    GuillermoVM, aunque el gadget requiere de jQuery me aseguré que tuviera aplicado un parche, así que debe funcionarte también aunque tengas Scriptaculous.

    erick, entra en Gestionar permisos dentro de Editar página y verifica que no tengas restricciones de país, edad, o de público.

    ResponderEliminar
  46. como restricciones ? que no tenga nada en esas opciones? si es asi no tengo nada y aun sigo con lo mismo

    ResponderEliminar
  47. Muchas gracias, lo e puesto en 5 minutitos..
    Se agradece el aporte..

    http://www.unarepeli.com.ar/

    Mira es es mi blo me darias una mano..
    Quiero sacar el banner de 250x250 de guitar hero y no e podido lo saco y se me desarma el blog..
    Quisiera sacarlo asi puedo utilizar todo el ancho para poder crear un banner..
    Saludos

    ResponderEliminar
  48. Me gusta Potro , pero una preguntilla ¿esta librería no la puedo juntar con la otra no?

    Saludos

    ResponderEliminar
  49. Me referia a esta que di a enviar antes de terminar jeje Prototype y Scriptaculous

    ResponderEliminar
  50. No os habeis enterado de que anonnymus destruirá facebook?

    ResponderEliminar
  51. Hola Potro, que bonito queda esto, gracias por compartirlo ;-)

    ResponderEliminar
  52. No consegui agregar en mi pagina pero creo que el problema es de la plantilla que uso, aparece el fanbox como widget comun sin los estilos y el efecto esta es mi pagina: mascumbia.com

    Utilizo shadowbox sera por eso?

    gracias por la ayuda.

    ResponderEliminar
  53. Hola Potro,

    es la primera vez que entro en tu Blog y me gusta muchísimo, haces un muy buen trabajo.

    El problema es que he seguido todos tus pasos pero aun así me sale "Could not retrieve id for the specified page. Please verify correct href was passed in."
    hoy en la madrugada personalice mi URL en Facebook para ponerlo idéntico a como tu lo describes pero aun así no sale.
    mi Blog es:

    http://la-cova-del-llop-mari.blogspot.com/

    Gracias

    ResponderEliminar
  54. Gracias por tus palabras Potro.

    Una consultilla que no he visto por acá otro la haya planteado.

    Cuando uso el Chrome como navegador el fanbox se desliza por encima de todas las imágenes que tengo añadidas como gadgets en ese lado, pero esta mañana entré desde Explorer y en esos mismos gadgets el fanbox se desliza por debajo de ellos quedando parcialmente oculto. Cosa mas curiosa no??? Es normal??? Se puede poner algo para que siempre el fanbox en los principales navegadores se desliza por encima y se vea completo.

    Mil gracias por tu impresionante trabajo,
    FER

    ResponderEliminar
  55. erick, ¿en cuál blog lo has puesto y cuál es tu página de Facebook?

    NoEdit, no vi el banner que mencionas, no sé si ya pudiste quitarlo o.O

    ResponderEliminar
  56. Meri, no hay problema porque este script ya está parchado para que pueda funcionar con Scriptaculous, así que no debería darte problema de incompatibilidad ;)

    Pablix, sí, estamos enterados:
    https://plus.google.com/114365374839797569377/posts/E1PCKMqm7nE

    MaGoS RaDioMuSiC, ¿verdad que sí? Parece que a muchos les ha gustado :)

    ResponderEliminar
  57. Hola Potro, solo quería decirte que ya solucione el problemilla, ha quedado muy bien en mi blog.

    Muchísimas gracias

    ResponderEliminar
  58. Esteban, necesitas quitar esto de la plantilla:
    :::::boton twitter::::::::

    Y también esto:
    :::::fin boton twitter::::::::

    La forma correcta de poner un comentario en los estilos es así:
    /* -- fin boton twitter -- */

    De lo contrario todos los estilos que haya debajo de un comentario erroneo como el que te mencioné, hará que no funcionen.

    ResponderEliminar
  59. Pasqual Pomares, bienvenido a Ciudad Blogger!
    Llegué tarde pero qué bueno que has podido resolverlo :)

    Fer Panama, pues tanto como normal no, pero en IE ya nada es normal. Supongo que debe ser la interpretación del navegador porque el gadget tiene una propiedad alta para que se encime a otros elementos. De cualquier manera puedes probar cambiarla por una más alta aun, por ejemplo cambiar z-index:1002; por z-index:3002;

    ResponderEliminar
  60. MUY BUENO ESTE EFECTO... SE PODRA HACER ALGO PARECIDO CON FEEDBURNER Y GOOGLE + ???

    ResponderEliminar
  61. hola potro!!!! aquí de nuevo y encantado de este box de facebook pero no salen las imágenes de las personas que le gusta la pagina pues tanto el tuyo como el mío están en blanco.eso como se arregla para que se veas como el ejemplo?gracias y saludos

    ResponderEliminar
  62. potro lo que te voy a pedir no tiene nada que ver con esta entrada espero que me puedasa ayudar lo pasa que me gustan mucho las plantillas adaptadas de wrospress pero traen un slider show donde pasan las imagenes queria preguntar si tu pudes decirme como quitarlo gracias de ante mano.

    ResponderEliminar
  63. Imperfecto, al mismo tiempo no queda bien, pero si te refieres a poner otra cosa en lugar de fanbox entonces sólo se cambia el código del IFRAME del tercer paso, por el gadget que quieras poner.

    Lerfy100%Gasparense, debe ser tu navegador porque tanto el tuyo como el mío los veo perfectamente.

    nueva concepcion, depende cuál sea la plantilla, cada una tiene códigos diferentes.

    ResponderEliminar
  64. Potro gracias, la puse en 3002 y no ha habido cambios, sigue ocultándose debajo de los gadgets laterales, lo curioso es que no se oculta ante la imagen de portada, ahí si aparece por arriba. Por probar la subí a 5002 (no se si sea una estupidez), y tampoco hubo cambios. Creo lo voy a dejar como está, los que usen IE pues que busquen un espacio del blog libre de gadgets para verlo jejeje, no se puede tener contento a todo el mundo.

    Gracias y saludos
    FER

    ResponderEliminar
  65. Muchas Gracias Potro...
    He utilizado y probado muchos de tus trucos y ayudas y como siempre, todo Funciona.

    Gracias por Corregir esto:

    "Por esto:
    http%3A%2F%2Fwww.facebook.com%2Fpages%2FNombre-de-la-pagina-de-facebook%2FXXXXXXXXXX

    Ahí modifica el nombre de tu página y las XXXXXXX son el número que viene hasta el final de la URL de tu página, ese puedes conocerlo entrando a tu página de Facebook y ver los números que aparecen al final de la URL en la barra de direcciones."

    A mi me sucedia lo mismo que a ellos, hasta que explicaste lo que habia que agregar y Listo, funcionando perfectamente...

    Te dejo mi Blog para chequearlo:

    www.neopowermetal.tk

    ResponderEliminar
  66. siiiiiiii, se vé que ha gustado estimado, el número de comentarios ya nos lo indica, pero aparte es que queda muy fino este truco... Gracias Potro

    ResponderEliminar
  67. Hola Potro: felicitaciones por el blog, una excelente herramienta de ayuda. pues sucede que también lo instale siguiendo los pasos y me funciona pero el problema es que tengo Scriptaculous y mi slide deja de funcionar. creo que también algunos que tienen Scriptaculous estan con el mismo problema. haber si nos ayudas a solucionar eso para que funcionen ambas aplicaciones. saludos

    ResponderEliminar
  68. Demasiado bueno este post Potro :D me gustaría intentarlo cualquier cosa lo explicas super facil asi que no hay tanto lío :D, besotes guapo...por cierto hay alguna manera de que el gadget ese de mi facebook salga en español, es que nunca me sale en español solo en ingles, como siempre yo y mis preguntas se ha vuelto costumbre y gracias, gracias por responderme siempre..

    ResponderEliminar
  69. Fer Panama, o que se cambien de navegador :P

    Manxel, qué bueno que pudiste resolverlo, pero mejor aun que leiste los comentarios para encontrar la solución :)

    MaGoS RaDioMuSiC, a ti por tu visita :)

    ResponderEliminar
  70. Yoel Ventura Rivera, pues lo mismo que les he dicho a todos, el script ya está parchado para que funcione con Scriptaculous, sin embargo recuerda que el hack aunque funciona puede resistirse a distintos scripts, eso ya depende de cada blog y los scripts que maneje.


    Yaja, gracias por el beso :) busca en el código de tu fanbox esta parte:
    en_US
    Y cámbiala por esta:
    es_ES

    ResponderEliminar
  71. Hola mi amigo [ EL POTRO ]

    Se ve genial la utilidad, e realizado todos los pasos pero tengo un par de dudas espero que me puedas ayudar.

    Cree el "gadget" y lo ubique en la parte inferior de mi BLOG pero que pasa que el recuadro NO es flotante, NO es deslizable y se mantiene como un cuadro fijo donde cree el "gadget".

    Como puedes ver en la siguiente imagen no está ubicada en la parte del borde del BLOG como lo cheverisimo que se ve en "Ciudad Bloger"

    No aparece la pestaña de "Facebook"..?

    MAL : (http://dl.dropbox.com/u/27761133/Error%201.jpg)
    BIEN: (http://dl.dropbox.com/u/27761133/Error%202.jpg)

    ResponderEliminar
  72. Amigo buenas noches! oye realice todos los paseos a la perfeccion! y me sale perfecto como en esta pagina! pero me sale esto en ves de mis contactos "Could not retrieve id for the specified page. Please verify correct href was passed in." que debo hacer! hice algo mal o que!!!! graciasss

    ResponderEliminar
  73. Gracias Potro, eres sensacional :D, agradecida por tu ayuda abrazotes y suerte en todo.

    ResponderEliminar
  74. Hola potro,emm me salgo del tema totalmente y quisiera preguntarte si me ayudas diciéndome como poner un reloj en la cabecera de mi blog yo se masomenos que si se puede con un position absolute o algo asi pero no se donde ponerlo para que funcione mi blog es wweonlivexhd.blogspot.com. Saludos.

    ResponderEliminar
  75. Hola! amigo potro, tengo una consulta, mira checa esta pagina http://bilownice.pl/ me encanta su menu tienes idea de como hacerlo e igual la parte de Headlines/titulares me gusta como para dejar 'recaditos' si sabes como hacerlo compratelo sas? saludos desde Tuxpan, Nayarit México

    ResponderEliminar
  76. BDJMarcelo, al parecer podría ser un problema con los CSS, pero necesitaría ver dónde lo has puesto para estar seguros.

    Martin A. Colmenares S., el problema es que donde debías poner el nombre de tu página pusiste toda la URL.
    Mira el comentario #23, de esa forma es como en tu caso pondrías la dirección de tu página de Facebook.

    ResponderEliminar
  77. potro mi direccion de facebook es esta!

    http://www.facebook.com/pages/Martin-Alfonzo-C/124832524280121

    si es asi ya lo hice y nada me sigue apareciendo lo mismo! y la opcion #23 y nada potro no se que hacer!

    ResponderEliminar
  78. ™`•.¸¸.•¤¦¤`••._.• ] ⓣⓘⓣⓞ ⓡ⊛ⓐ ©๏©[ `•.¸¸.•¤¦¤`••._.•`™ , scripts de relojes no tengo, pero en la red puedes encontrar varios, ya sólo sería cuestión de que lo ubiques en un área cercana a la cabecera, no puedo decirte exactamente dónde porque la dirección que dejaste no me abre.

    pixeltuxpan.com, ¿el menú de hasta arriba? Ni idea, nunca lo había visto :/

    ResponderEliminar
  79. Listo potro!!!! ya me funcioa perfecto! aora como haria con el de twitter! lo colocaras mas adelante o hay alguna forma en que me puedas decir para colocarlo!!!

    ResponderEliminar
  80. Gracias ahora si quedo perfecto.

    felicitaciones por este blog es de mucha ayuda para todos.

    saludos desde Uruguay

    ResponderEliminar
  81. Hola, Potro, disculpa que te plantee esto en esta entrada, pero ¿Podrías hablarnos en un post de las ventajas o desventajas de Google Adsense? Si verdaderamente es rentable o no y de qué depende? ¿De otras posibilidades de anuncios que generen dinero? etc... Gracias!

    ResponderEliminar
  82. Hola potro!!Muchas gracias por tus aportaciones, son geniales!!;) He intentado poner el fanbox, pero debo estar haciendo algo mal, porque no funciona el efecto deslizante, te dejo mi blog para que lo revises si te va bien: www.guayreart.com
    Me he dado cuenta q el primer script al ponerlo se transforma y cambia, es normal?? Muchas gracias de antemano!! ;) saludosss!!

    ResponderEliminar
  83. Martin A. Colmenares S., el de Twitter al mismo tiempo no queda bien, algunos ya lo intentaron y el resultado no es muy favorable ya que queda con demasiada separación. En la versión PRO de esta extensión sí es posible, pero esa es de pago y por obvias razones no podemos publicarla :/

    Esteban, saludos hasta Uruguay!

    ResponderEliminar
  84. Hola Potro, tenía una duda totalmente aparte de esta entrada:
    ¿Es posible crear un archivo para subir a algún hosting que permita llevar incorporado HTMly Javascript, porque según tengo entendido los .js, no soportan html en su interior.

    LA duda viene a cabo de que hice un div con muchas capas de imágenes, con exactitud 600, y luego 600 script diferentes cpn funciones para cada una de ellas, y como el código es muy largo, para no hacer muy lento mi blog quería subirlo todo junto en un mismo archivo a otro host.

    A ver si me puedes iluminar sobre como crear ese archivo y donde subirlo.

    Un saludo

    ResponderEliminar
  85. No sin MyMakeUp, pues mucho mucho del tema no sé, tan es así que mis ingresos están siempre por los suelos, pero sí sé que hay usuarios que sí se hacen de una buena plata al mes con ello. Por esa razón no me siento muy apto para hablar tanto del tema, pero lo que sí podría hacer es armar una entrada con algunas opciones para monetizar el blog.

    Tamara, no funciona por un error en la colocación de los estilos, al agregarlos eliminaste una llave de cierre. Mira esta entrada que te ayudará a detectar el problema y cómo solucionarlo:
    http://ciudadblogger.com/2011/07/errores-comunes-al-poner-los-codigos.html

    ResponderEliminar
  86. Potro!! MUCHIISIMAS GRACIASSSS!!! =) ya he solucionado el problema, me faltava un corchete. Ahora queda perfecto!!Saludoss!!

    ResponderEliminar
  87. Supongo que como estabas escribiendo comentarios al mismo tiempo que yo mi duda no te distes cuenta de mi comentario potro.

    ResponderEliminar
  88. Óliver.G, sorry, es que después del último comentario tuve que salir y hasta apenas voy regresando.
    En efecto a un JS no le puedes meter HTML, pues el JS no es una estructura de elementos, sino funciones que ejecutan algo.
    No sé qué tan posible lo que comentas, quizá en Vagabundia puedan darte una respuesta más certera, JMiur tiene muchos conocimientos sobre scritps así que seguro él sabrá decirte si se puede o no.

    ResponderEliminar
  89. Okey, yo me paso por vagabundia ahora, que es sobre todo mi intención era conseguir que una imagen se cambiara por otra cada segundo, y me recomendaron usar un array, pero intente hacerlo y pregunte y busque por ahi pero nadie supo explicarmelo o yo no lo entendi.
    Muchas gracias :)

    ResponderEliminar
  90. Hola Potro

    Este es un Fanbox muy Innovador el cual quiero tenerlo en mi blog, ya k me parese muy dinamico, pero tengo un problema k yo utilizo Scriptaculous y Prototype, el cual se de antemano k no es compatible con jQuery al menos k utilises el Truco (Para poder utilizar los 2), pero mi problema es k ya lei el truco y la verdad no le entiendo, y quisiera pedirte un favor Enorme (si es k tienes tiempo) el cual es, k me pases el codigo ya elaborado, para k sea compatible con Scriptaculous y Prototype y de esa manera lo pueda utilizar al fin jejejej ya k me gusta mucho.

    Me despido Amigo, agradeciendote por cada uno de tus aportes k nos brindas pero mas, por el soporte k nos das a los usuarios, el cual es sorprendente.

    Saludos Potro

    ResponderEliminar
  91. Óliver.G, pues si la única intención es crear un banner cambiante quizá te interese este:
    http://ciudadblogger.com/2009/04/banner-cambiante.html

    Pero si son muchas imágenes (dices que como 600), y si tienes ganas de trabajar entonces puedes crear un documento HTML (una página Web) muy simple, que sólo contenga ese rotador de banners, y luego en tu blog pones un IFRAME para mostrar esa página que hiciste.

    ResponderEliminar
  92. kriec, muchas gracias por tu comentario.
    Si ya leíste el otro tutorial entonces seguro habrás notado que este script ya tiene aplicado el hack, así que no es necesario hacerle nada más que ponerlo ;)

    Saludos.

    ResponderEliminar
  93. No va con el tema, Potro, pero como eres la persona que conozco que más entiende de todo esto,...hoy no funciona el editor de blogger, ¿sabes algo?.
    Disculpa por el "salto de tema".
    Otros usuarios he visto que se han descargado no sé qué de windows para poder escribir o hacer las entradas, pero como uso mac, pues eso, que no me sirve...
    Un beso

    ResponderEliminar
  94. Hola Sofía,

    El Editor de entradas ha estado fallando desde antenoche, pero ya Blogger lo está arreglando.
    Mientras tanto, no es necesario descargar nada, aquí hay dos soluciones provisionales que te permitirán editar o crear entradas:
    http://www.facebook.com/fans.ciudadblogger/posts/237658616269956

    Besos.

    ResponderEliminar
  95. Ok, discúlpame entonces, Potro, hasta hoy-ahora no se ha notado en España por lo que voy averiguando. Muchísimas gracias, :)
    Un beso

    ResponderEliminar
  96. Tienes razón, parece que el problema no se dio de inmediato para todos, acá en México empezó desde antenoche, pero otros apenas hoy lo han estado experimentando. Cosas de Blogger, qué se le va a hacer :/

    Besos!

    ResponderEliminar
  97. gracias potro quedo exelente en mi blog --> http://www.tumultitec.com.ar/ sigue asi saludos

    ResponderEliminar
  98. Sencillamente genial. Muchas gracias ^^

    ResponderEliminar
  99. Acabo de lanzar una en "la fuente" con el truco que tú comentabas, escoger el antiguo editor, y voilá!, sin problemas, jaja, qué alegría!!....
    Un besazo, Potro, muchísimas gracias de nuevo, ¡eres mi ángel!, :))

    ResponderEliminar
  100. Saludos lo volvi a poner y ya me queda gracias ;)

    ResponderEliminar
  101. Muchisimas Gracias Potro, no cabe duda k siempre vas un paso adelante, jejejej aunque imagine k era muy probable k lo tuvieras ya k tu tambien usas Scriptaculous y Prototype, y por cierto Potro, yo quiero colaborar con lo k comento Sofia, de k no se puede postear desde ayer, asi k la solucion mas sencilla y la k a mi me funciono, es solo cambiarle el Idioma a Ingles y Listo a Postear, claro k es solo Provicional

    Saludos

    ResponderEliminar
  102. Potro probe tu entrada de la fecja en todas las entradas pero no me sale nada

    ResponderEliminar
  103. Muy bueno!! Lo aplicaré a mi blog! :D Saludos! ;)

    ResponderEliminar
  104. Juvinao, deja el comentario en esa entrada para que no nos desviarnos del tema de esta entrada.

    Enzo, que todo salga bien!

    ResponderEliminar
  105. Hola Potro

    De Nuevo Yo jejeje, ya aplique el codigo y Todo Excelente, pero por k no aparese el cuadro de Me gusta, con las imagenes de los usuarios, ya k note en el k tu tienes tambien ya no aparese, solo sale la direccion de Facebook. (Sera Alguna Anomalia Temporal de Facebook ???)

    Bueno Amigo, Muchas Gracias Por Todo

    ResponderEliminar
  106. Hola de nuevo kriec,

    No sé si pueda ser Facebook o el navegador, lo cierto es que al menos el mío lo veo como siempre :/

    ResponderEliminar
  107. Ola Potro Gracias por este articulo encontre un Gadget similar :) , pero la verdad no puedo instalarlo hasta el momento y es este .
    http://www.pizcos.net/2011/07/barra-superior-para-tu-blog-totalmente.html

    Seguí un poco los pasos , pero la Parte de el efecto no se donde colocarlo , me gusta bastante esa barrita :) , o tal tu puedas modificarla y darnos un tutorial para instalarla en nuestros blog . De antemano Gracias.
    Atte. LJK

    ResponderEliminar
  108. No me funciona, creo que es por el nombre, el nombre de mi página tiene este formato:

    http://www.facebook.com/pages/nombredeejemplo/143980559015058

    ResponderEliminar
  109. LJK, sobre otros blogs no puedo ayudarte, pero ahí en ese blog puedes preguntar en su área de comentarios.

    EGPP Gruops, mira el comentario #23

    ResponderEliminar
  110. hola EGPP Gruops


    creo que es porque no le has asignado un nombre corto a tu fanpage, es por eso que no te deja. cabe recordar que debes de tener un numero manimo de fans para que t otorgen el permiso. para mas info. echale un ojo a esta entrada.

    http://www.tumultitec.com.ar/2011/07/asignar-un-nombre-corto-una-pagina-en.html

    y saludos potro..;) je

    ResponderEliminar
  111. Primero potro muy util tu blog como siempre inplemente esto en 2 paginas

    Y TuMultitec muy buenoel enlace no tenia idea que se podia hacer eso

    ResponderEliminar
  112. Hola Potro,muy bueno este post!yo lo utilize con otro fin lo cambie por una imagen y un enlace, me ha quedado bastante bien,solo que no me queda bien terminados los bordes de la imagen del lado derecho no se como solucionarlo, podes pasar a verlo y me das opinion?
    muchas gracias!
    http//cocodancing.blogspot.com/

    ResponderEliminar
  113. Potro el code esta excelentisimo :D
    pero tengo una pequeña consulta... Despues que lo coloque, debajo de mi blog aparece un espacio en blanco. A que se debe eso? Gracias

    ResponderEliminar
  114. Cocofansclub, yo lo veo bastante bien así, pero si quieres puedes hacer más angosta la imagen que agregaste para que esté más centrada con la imagen roja. Aunque te repito, así como está se ve igual de bien ;)

    Miwel, no es por el fanbox, sino por esta línea en tu blog:
    <div id='backgroundPopup'></div>
    No sé de qué sea, supongo que algún truco de algún otro blog, pero no es el fanbox.

    ResponderEliminar
  115. Muchas gracias por tu respuesta!
    saludos!

    ResponderEliminar
  116. Potro, no me deja mover el fanbox ni para arriba ni para abajo. ya modifique esta linea (top: 130px;) y no sirve en mi Blog

    ResponderEliminar
  117. Pues no veo que en tu blog hayas hecho esa modificación.

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

    ResponderEliminar
  119. No hay otra palabra que te describa mejor hermano, sos un verdadero GENIO!

    bendiciones

    ResponderEliminar
  120. Gracias VTR, bendiciones para ti también.

    ResponderEliminar
  121. Muchas Gracias por el Tuto,,,, pero quien me ayuda.. no me funciona realice todo lo que dice pero me sale esto

    http://edukatelibre.blogspot.com/

    ResponderEliminar
  122. Me pide que verifique href, pero el link esta bn.. el blog es http://edukatelibre.blogspot.com/

    ResponderEliminar
  123. Yo lo veo funcionando sin problemas.

    ResponderEliminar
  124. Hola, Potro. Ante todo deseo que estés pasando unas muy buenas y merecidas vacaciones.

    Te quería preguntar a qué crees que se deba que en el FanBox no se muestran las imágenes de las personas a las que les gusta la página. He notado que si inicio sesión con mi cuenta de Facebook, sí se ven dichas imágenes, pero en cuanto cierro sesión y actualizo la página del blog, desaparecen las imágenes y ya no se visualizan.

    He leído que otras personas han tenido el mismo problema y al parecer lo han resuelto. Ojalá pudieran compartir la solución.

    De antemano muchas gracias. :)

    www.lasnoticiasdetulum.com

    ResponderEliminar
  125. Buenas, Potro. He vuelto. Jeje.

    Me he fijado que en el FanBox han empezado a mostrarse las imágenes de los usuarios a los que les gusta la página de Facebook. Me parece que sólo se muestran los usuarios que me han añadido recientemente (después de que instalé el FanBox) y así seguirá llenándose la listita conforme me vayan agregando más. Bueno, espero que sea eso.

    Espero que sigas pasándola bien, Potro. Felices vacaciones. :)


    www.lasnoticiasdetulum.com

    ResponderEliminar
  126. Hola potro, quiero pedirte que me ayudes por favor. Este es mi blog haciendosinergia.blogspot.com el fanbox me sale como aparece en el blog. No sé que hice mal. Por favor. Help me!!!

    ResponderEliminar
  127. hola querido potro, sabes te quiero preguntar algo que talvez no tenga que ver nada con el tema, se trata del plugin de recomendaciones en mi pagina de facebook, es algo para que mis visitantes recomienden mi pagina, trate de hacerlo como dice "Desarrolladores"del facebook, pero es que no se donde es que se pega el codigo, donde lo pego.. gracias anticipadas! ;)

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

    ResponderEliminar
  129. Solmakh, disculpa que me meta, pero me parece que se te ha olvidado cerrar una llave y eso es lo que está generándote el problema con tu FanBox.

    Mira, tienes el código así:

    #menuvert ul li a:hover {
    background: #336699; /* COLOR AL PASAR EL RATÓN */
    border-left: 10px solid #000066;
    color: #FFFFFF;.slide_likebox {
    float:right;
    width:288px;
    height:345px;

    Y debería ser así:

    #menuvert ul li a:hover {
    background: #336699; /* COLOR AL PASAR EL RATÓN */
    border-left: 10px solid #000066;
    color: #FFFFFF;}

    .slide_likebox {
    float:right;
    width:288px;
    height:345px;
    ...

    Fíjate que antes de .slide_likebox debiste cerrar la llave de los estilos del menú que creaste para tu blog. Mira esta entrada que publicó El Potro sobre los errores comunes al poner los códigos CSS
    Un saludo.


    www.lasnoticiasdetulum.com

    ResponderEliminar
  130. Las Noticias de Tulum, pues de hecho no veo ese problema contigo. Entré a tu página desde un navegador que no tiene ninguna sesión en Facebook y se ven los avatares sin problemas, aunque sí se ven un poco menos, 7 avatares para ser exactos. Desconozco a qué se deberá, pero quizá tengas que jugar con las medidas del ancho y alto del gadget para que aparezcan más avatares.

    P.D. Gracias por echarme la mano con el otro comentario, y por los deseos de las vacaciones, anduve cerca de tu tierra y fue un viaje genial :)

    ResponderEliminar
  131. Las Noticias de Tulum, perdón, no leí el otro comentario. Podría ser el caso como mencionas. Sólo verifica si alguien nuevo se hace fan, y si su avatar aparece de inmediato. Si es así entonces seguro por ahí está el problema. No debería pasar eso, pero con Facebook ya no se sabe...

    ResponderEliminar
  132. Solmakh, lo que te menciona Las Noticias de Tulum es correcto y es la causa del problema. Aunque ya no veo el Fanbox es importante que lo corrijas, de lo contrario cualquier estilo que añadas en esa área será invalidado.

    ResponderEliminar
  133. Cumbre Consulting Group, en un gadget HTML/Javascript debe funcionar sin problemas.

    ResponderEliminar
  134. Muchas gracias te pasaste, me fue de mucha ayuda para mi blooog :)

    ResponderEliminar
  135. Muchas gracias Potro y Las Noticias de Tulum. Ya lo corregí y me funciona. Hasta pronto.

    ResponderEliminar
  136. Soy novato en esto y quiero hacerte otra consulta. He intentado ocultar, editar o eliminar este mensaje "Mostrando las entradas más recientes con la etiqueta XXXXXXXXXX Mostrar las entradas más antiguas" pero no logro hacerlo; vi un post tuyo con el tema, hice los pasos indicados pero no obtuve resultado alguno. Help me please.

    ResponderEliminar
  137. Potro, qué gusto que te la hayas pasado bien por acá; ojalá que regreses pronto. Respecto al FanBox, parece que sí es eso que te comentaba, porque los seguidores que se ven son los que han hecho clic últimamente en 'Me gusta'. Jeje. Muchas gracias por tu ayuda, Potro. :)

    Solmakh, para servirte. Qué bueno que ya funciona el Fanbox en tu blog. :)

    ResponderEliminar
  138. Solmakh, con el método de esa entrada debe funcionar, revisa que no tengas varios códigos como los que se mencionan. Si continua sin resultados deja un comentario en esa entrada con la dirección de tu blog.

    ResponderEliminar
  139. a mi no me funciona me sale un mensaje de error dentro de un recuadro como rojito no se q puede ser.....
    ayudaaaaaaaaaa

    ResponderEliminar
  140. no me agarra en internet explorer pero en mozilla firefox si nose que pasa xS http://todoporta2009.blogspot.com/

    ResponderEliminar
  141. El gadget es compatible con todos los navegadores así que debe tratarse de un problema con la plantilla. De entrada debes cambiar un código que está mal y que podría ser parte del problema.
    Tienes esto:
    #'HTML8' {

    Y debe ser así, sin comillas:
    #HTML8 {

    ResponderEliminar
  142. Probemos entonces cambiar de lugar ese código, el que va antes de ]]></b:skin> ponlo arriba de:
    /* Columns
    ----------------------------------------------- */

    ResponderEliminar
  143. Hola Potro! Al parecer eres un dios por aquí...

    Tengo un problema y es que no me funciona correctamente el fan box. Este me aparece abajo y no a un lado como debería de ser.

    Te dejo mi blog http://dirtywatcher.blogspot.com/

    ResponderEliminar
  144. Diego Noise, no veo que tengas el gadget en ese blog, pero, quienes han tenido ese problema es porque hay un problema con los estilos del blog y hace que en IE no funcione. Sólo es cuestión de identificar el error en los estilos, o colocar los estilos más arriba.

    rodrigo, por nada ;)

    ResponderEliminar
  145. Excelente =) muchisimas gracias mis 2 Blogs quedaron funcionando perfecto con el nuevo boton de facebook flotante! gracias potro desde Chile!

    http://www.maderfakiu.net
    http://www.portalfoxmix.net

    ResponderEliminar
  146. potro creo que el problema parte al poner el ultimo codigo en un elemento html/javascript. En la plantilla de mi blog estos estan ubicados solo en la parte de abajo.

    Pd: ya lo instale de nuevo

    ResponderEliminar
  147. ah y te dejo mi blog:

    http://dirtywatcher.blogspot.com/

    ResponderEliminar
  148. Nop, de hecho si es como te decía, un problema con los estilos. Al poner el código del fanbox (los estilos) has eliminado la llave de cierre del código que está antes. Mira este enlace para que veas de lo que hablo:
    http://ciudadblogger.com/2011/07/errores-comunes-al-poner-los-codigos.html

    ResponderEliminar
  149. Buenas amigo potro Buen Post!

    Necesito tu ayuda

    Lo que sucede es que yo puse la pestaña del facebook y cuando le pongo la nombre de la pagina del facebook no hace nada si quieres puedes entrar y revisar a ver si consigues lo que hice mal este es el blog:

    http://nsbleach.blogspot.com/

    Si me puedes ayudar espero tu respuesta y muchas gracias por hacer esta pagina!

    ResponderEliminar
  150. Hola Naruto Shippuden & Bleach, mira el comentario #23, ahí verás qué sucede y cómo arreglarlo.

    ResponderEliminar
  151. gracias amigo potro tu ayuda fue de vital importancias muchas gracias por hacer esta maravillosa pagina cuídate si tengo otra duda no dudaré en preguntarte jejej!

    "SALUDOS"

    ResponderEliminar
  152. Gracias a ti por tu visita y tu comentario :)

    ResponderEliminar
  153. Estoy aprendiendo a diseñar el blog y aunque hay muchas cosas que no entiendo xq soy nueva ,muchas otras si me funcionan como lo de este post.Muchas gracias y muy bueno todo :D

    ResponderEliminar
  154. Gracias por tu comentario Love Face, saludos!

    ResponderEliminar
  155. se podria aser uno con los seguidores de blogger

    ResponderEliminar
  156. Quizá, pero tendrías que conseguir el código de los Seguidores desde Google Friend Connect.

    ResponderEliminar
  157. potro... ayúdame... mira lo q empezó a suceder en mi blog http://mauriciouribe160.blogspot.com/ ya no sale el cajón de me gusta en el slide

    ResponderEliminar
  158. Hola Semaul, mira el comentario #23 para que veas cómo debe ir la URL de tu página.

    ResponderEliminar
  159. potro muchas gracias... la vdd para la próxima leeré un poco mas los comentarios... XD

    ResponderEliminar
  160. nitido mi hermano gracias por tus aportes para blogger sigue asi tu webs es una de las mejores

    ResponderEliminar
  161. potro ya aprobe lo del comentario 23 y no me funciona todo lo hici bien pero no se desliza el fanbox. quiero que se desliza como en todos pero no me funciona ayudame ;)
    mi blog es http://vivaconnection.blogspot.com/

    y mi pagina de facebook es http://www.facebook.com/pages/Radio-Motas/277943752233626

    ResponderEliminar
  162. Pues yo lo veo funcionando perfectamente bien.

    ResponderEliminar
  163. gracias potro eres el mejor solo cambie la plantilla por la anterior no dejaba que se deslizara.

    una pregunta potro si cambio plantilla pierdo visitas.

    ResponderEliminar
  164. En teoría no, a menos que a la plantilla le falten cosas muy básicas, pero no debería suceder.

    ResponderEliminar
  165. Disculpa que te moleste como puedo poner una imagen en los saltos de pagina de blogger ayudame no se si hay alguna opcion gracias de ante mano

    ResponderEliminar
  166. ¿Te refieres al Leer más de Blogger? Si es así mira aquí:
    http://ciudadblogger.com/2009/11/personalizar-enlace-de-leer-mas.html

    ResponderEliminar
  167. Buenas noches Potro, Potro tengo un problema con mi blog, lo que sucede es que tengo un Slider con jQuery en la pagina principal y he puesto el gadget de facebook flotante pero solo funciona en la pagina principal, en las otras paginas y entradas se ve como una imagen estatica.

    Tengo la ultima version de jQuery antes de <head<, y revise que no existieran versiones anteriores.
    Tambien le puse la version del jQuery al Script de facebook flotante y cuando hago esto ahi si funciona perfectamente pero deja de funcionar el Slider. Que puedo hacer para solucionar este problema?

    ResponderEliminar
  168. Buenos días zzz,

    Podría ser que usas Scriptaculous, y aunque veo que ya has aplicado el parche parece que hay una parte que quedó mal.
    Bueno, quizás dos; el script del s3slider también tiene cambiados los $ y ahí no se debía cambiar. Y un poco abajo tienes este que sí debía parcharse y le falta lo que está en negrita:

    <script type='text/javascript'>
    jQuery.noConflict();
    jQuery(document).ready(function() {
    jQuery('#s3slider').s3Slider({
    timeOut: 4000
    });
    });
    </script>

    Prueba ponerle eso, pero, lo que también podría ser la causa (es lo más probable) es que el que hace conflicto es el gadget de compartir que se ve sólo en las entradas, porque justo ahí es cuando ambos dejan de funcionar.

    ResponderEliminar
  169. Hola, he estado siguiendo los pasos, no s eque etsoy haciendo mal, pienso que es cuando agrego el nombre d emi pagina, llevo mucho rato tratando pq me interesa mucho ponerlo, aqui le dejo el nombre d emi blog, para que le de un vistazo y si puede me diga que puede ser, por favor!!!
    http://blogalospiesdejesus.blogspot.com/

    ResponderEliminar
  170. Hola potro, chebre tu post, pero como hago para quitarle la opción flotante, parara que quede como cualquiera pero, lo que mas me intereso es el borde azulito gruesito, como hago para ponerlo en mi cuadro de fans de mi blog q es este http://elojoderojas.blogspot.com ...sorry por el spam

    ResponderEliminar
  171. Hola Blankita, efectivamente es por la forma como has puesto el nombre de la página. Mira el comentario #23, ahí verás cómo debes ponerlo.
    Saludos.

    ResponderEliminar
  172. Hola Efrain Rojas, el borde es una imagen, de hecho todo lo que ves del borde y la parte de la pestaña que dice "Facebook" es la misma imagen.
    Si no lo quieres así, hay otras dos entradas para personalizar el Fanbox:
    http://ciudadblogger.com/2011/02/agregar-fanbox-en-el-blog-sin-bordes-y.html
    http://ciudadblogger.com/2011/06/personalizar-el-fanbox-de-facebook.html

    ResponderEliminar
  173. Hice el cambio, pero tampoco me resulto. :-[ gracias de todos modos.

    ResponderEliminar
  174. lo intente otra ves y me saliooooo, gracias!!!! gracias!!!

    ResponderEliminar
  175. Excelente Blankita, por eso dicen que el que persevera alcanza :)

    ResponderEliminar
  176. Hola, mira hice los pasos que explicas en esta entrada pero necesito ayuda, porque me aparese , pero de tamaños desproporcionados y no se ve bien :/ cual sera el problema ?

    Mira este es mi blog para que veas como quedo
    http://handsof-blood.blogspot.com/

    ResponderEliminar
  177. Hola HanÐ.OF.BLoΘd ®,

    Necesitas quitar el fanbox que tienes en la sidebar, pues ese está haciendo que el otro se haga del mismo tamaño. Si lo quitas entonces el deslizante deberá tener el tamaño justo como el del ejemplo.

    Saludos.

    ResponderEliminar
  178. Que tal potro, yo solo quiero que me quede con ese borde azulito, como la foto q pones al final de este post, ¿como hago?

    no quiero deslizante ni flotante.

    Gracias ante todo.

    ResponderEliminar
  179. Gracias pude arreglarlo y ademas pude cambiarle color y todo. Muchas gracias muy buen blog.

    ResponderEliminar
  180. Efrain Rojas, sigue los dos primeros pasos, y en el segundo código elimina esta parte:
    position:fixed;
    top: 130px;


    HanÐ.OF.BLoΘd ®, qué gusto que quedó como querías :)

    ResponderEliminar
  181. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
  182. Hola Miguel Ángel,

    ¿No será tu navegador, o la versión que usas de él? Yo acabo de entrar a tu blog con Chrome y Firefox (ambas en sus últimas versiones) y el fanbox se abre por encima de la sidebar, es decir, de forma normal.

    Saludos y gracias por tu comentario!

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

    ResponderEliminar
  184. me ha quedau chulo gracias!
    http://blogp3ru.blogspot.com/

    ResponderEliminar
  185. Efectivamente potro, tal vez sea el navegador, porque hoy entré y milagrosamente se mostraba por encima de los gadgets, saludos cordiales.

    ResponderEliminar
  186. Hola, seguí todos los pasos aquí puestos y en la caja me pone: Could not retrieve id for the specified page. Please verify correct href was passed in.
    Y no sé dónde está el fallo. El perfil de facebook es:http://www.facebook.com/profile.php?id=100003071246485

    ResponderEliminar
  187. Hola Berenguela FS,

    Los Fanbox son únicamente para las páginas de Facebook, no para los perfiles.

    Saludos.

    ResponderEliminar
  188. Holas El Potro, despues de tiempo regreso. probe el truco mire.

    http://saccperuano.blogspot.com/

    pero alguna extraña razon no surge el efecto, lo probe en otro blog de pruebas que tengo y si corre.

    Osea desorientado un poco no se eactamente que puede estar pasando pero el efecto no corre, una ayudita :P

    ResponderEliminar

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?