Mil Trucos Blogger

Gadget “Hazte Fan” en Facebook para Blogger

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

Se me ocurrió hacer un gadget para que nuestros lectores se animen mas a dar el famoso “Me Gusta”,en las paginas de Facebook de nuestro blog y así es como nace el gadget “Hazte Fan”.

El gadget se ve de la siguiente manera:


Como ven muestra el boton “Me Gusta” de nuestra pagina de Facebook y arriba una imagen que dice Hazte Fan,con esto de seguro atraeras mas fans a tu pagina en Facebook.

Para agregar este gadget vas a Diseño,Elementos de pagina,Añadir gadget,HTML/Javascript y pegas lo siguiente:

<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-h0FgJiF-zhY/Tkp-xv2WCcI/AAAAAAAAAVQ/4ocvhSPW13c/s1600/facebook.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 0em;"><img src="http://1.bp.blogspot.com/-4sfU6WuB5A4/TkmSvzgV1GI/AAAAAAAAAVM/55OaLN4L-es/s1600/facebook_argim.jpg" border="0" /></a></div>
<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/es_LA" type="text/javascript"></script><script type="text/javascript">FB.init("1b8f0f706c312c05f42224b5b3399f80");</script><fb:fan  width="292" profile_id="XXXXXXXXXXXX"></fb:fan>

Una vez añadido el código, cambiamos donde dice XXXXXXXXXXXX por la id de nuestra página en Facebook y guardamos.

¿Como averiguo la id de mi página en Facebook?

[1] Accedemos a nuestra página de Facebook.

[2] Nos fijamos entonces en url que se muestra en el navegador, y que será algo como esto:

http://www.facebook.com/pages/Mil-Trucos-Blogger/174666062584624

Esos números que se muestran al final de la url, son la id de nuestra página, y son los números que hemos de colocar en el código del gadget sustituyendo a las XXXXXXXXXXXX.

0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

54 Comentarios

  1. Agosto 16, 2011    

    Saludos amig@:
    Soy el admin de altablogger y en esta oportunidad te quiero invitar a participar en este pequeño proyecto.
    Altabloggers es un sitio donde muestra los blogs con las diferentes temñaticas que existen en internet.
    Tambien si gustas puedes participar en nuestra faviconera.
    Nos gustaria tener el honor y el privilegio de integrar tu blog en nuestro directorio.
    Muchas gracias por tu tiempo, que tengas un buen día.
    Nos disculpamos por ofrecerle la invitacion en uno de sus temas, pero nos agradaria contar con su participación.
    Saludos y Bendiciones.
    Visitanos en: http://altabloggers.blogspot.com

  2. Agosto 16, 2011    

    @AltaBloggers bueno la verdad me parece un proyecto estupendo,mas luego me uno,Saludos 🙂

  3. Agosto 18, 2011    

    otra vez Juvinao?porque quitas mi banner otra vez? como sigas con este cachondeo dejamos de compartir banners…

  4. Agosto 18, 2011    

    @Dryken deja el mal vocabulario,respeta si,mejor mira el post de gadget que muestra tu IP hay explico las razones de porque quite los banners,fue por problemas tecnicos,pasame el tuyo y listo quedamos todos contentos 🙂

  5. Agosto 18, 2011    

    Buena men me quedo genial eh aunque corrige donde colocas las XXXXXXXXXXXX al costado de las “”, no de ser dentro “xxxxxx”?.
    Gracias por este gadget.

  6. Agosto 18, 2011    

    @Vagostube Si amigo gracias por avisar ya corregi el tutorial,saludos 🙂

  7. Agosto 18, 2011    

    OK, vale, yo que sabia de la ip pero macho ya te ha pasado 2 veces, logico que piense otra cosa.

    Saludos 😉

  8. Agosto 19, 2011    

    @Dryken ok amigo quedamos en la buena entonces..

  9. Agosto 29, 2011    

    HOLAS COMO VAN LA VIDA?……

    ESTOY BUSCANDO ESTE WIDGET DE FACEBOOCK http://abirajan.blogspot.com/2011/08/wupload-premium-cookies-4-august-2011_04.html
    NO TENES??
    ???????’?

  10. Agosto 30, 2011    

    http://RESISTANCE8.blogspot.com tratare de hacer algo similar,ten un poco de paciencia,gracias por comentar :blind:

  11. Septiembre 5, 2011    

    oye, pero este boto solo te sirve una vez,, o sea no sirve para cada post sino solo para el blog en si???

  12. Septiembre 6, 2011    

    Gustavo A. Mora Rivera exacto al hacer me gusta sirve es para el blog en general,apra tu pagian en facebook 😉

  13. Diciembre 12, 2011    

    no pierdo un segundo mas para hacerme fan!

  14. Diciembre 12, 2011    

    posicionamiento web gracias por hacerte fan,saludos

  15. Enero 13, 2012    

    Hola juvinao me podrias decir com haces para poner al final de cada entrada tuya un recuadro con tus datos que idce articulo del autro y pones una imagen por fa responde estare pendinete !

  16. Enero 15, 2012    

    luxurian hacksout mira aca te dejo al URL de la entrada donde explico como agregar el truco.

    http://www.miltrucosblogger.info/2011/04/acerca-del-autor-en-blogger.html

  17. Enero 16, 2012    

    Gracias Juvinao eres muy amable te lo agradezco.

  18. Enero 16, 2012    

    luxurian hacksout de nada para ayudar estamos.

  19. Febrero 13, 2012    

    Gracias por la ayuda!Me ha servido de mucho 🙂

    • Febrero 13, 2012    

      Este comentario ha sido eliminado por el autor.

  20. PAC PAC
    Marzo 24, 2012    

    HOLA EN MI ID SOLO DICE SAPOSOAHD CUAL SERIA MI ID . . . https://www.facebook.com/SaposoaHD

  21. Mayo 8, 2012    

    me pasa lo mismo no tengo los numeros solo el nombre???

    • Mayo 8, 2012    

      Carlos entonces deberas reemplazar la ultima parte del codigo,bueno dejame eso a mi reemplazare el codigo y cuando sea compatible con la URL de tu Facebook te aviso .

    • Mayo 8, 2012    

      gracias

  22. Mayo 8, 2012    

    a listo estare pendiente pues por que me agradaria tenerlo en mi blog gracias

  23. Mayo 21, 2012    

    Muchas gracias! me ha gustado mucho, pero me queda donde pone “en facebook fuera de la página”
    Está en http://paramipequeconamor.blogspot.com.es/ Por si lo puedes mirar. Mil gracias!

    • Mayo 23, 2012    

      Inma supongo que te quedastes en el ultimo paso,pues bien ve a tu pagina en Facebook y en la pestaña del navegador aparecera la URL de tu fanpage y alli veras unos numeros pues esos numeros son los que debes pegar en la xxxxx-

  24. Junio 11, 2012    

    muy bueno pero cuando se le da a la imagen de haste fan te lleva a otr a pagina al enlase de la imagen se puede cambiar eso para k no se le pueda dar clip a la imagen o k la imagen te lleve a la pagina de facebook desde ya gracias

  25. Julio 17, 2012    

    Gracias!
    Me ha servido de mucho este artículo.
    Saludos.

    • Julio 19, 2012    

      Gracias a ti por comentar Javier,Saludos…

  26. Julio 20, 2012    

    Exelente!!! te lo agradezco

    • Julio 21, 2012    

      Gracias amigo por comentar 😛

  27. Agosto 9, 2012    

    Solo tienen que entrar a editar informacion para poder ver su id
    Visiten mi blog http://simpsonisillos.blogspot.com/ xD

    • Agosto 9, 2012    

      Blas gracias por comentar y aportar a la entrada 😀

  28. Anonymous Anonymous
    Agosto 30, 2012    

    Este comentario ha sido eliminado por un administrador del blog.

  29. Septiembre 30, 2012    

    Muchas Gracias! me andubo de 10

    • Septiembre 30, 2012    

      Que bueno que te haya funcionado amigo 😛

  30. Octubre 25, 2012    

    Bueno esto si que me ayuda mucho… Deseo poner un widgets seguidor de redes sociales en facebook…
    ¿como se hace?

  31. Anonymous Anonymous
    Febrero 5, 2013    

    DISCULAPA LO INTENTE Y LA IMAGEN ME DIRECIONA A LA MISMA IMAGEN COPIE LOS NUMEROS A XXXXXXXXX

  32. Abril 16, 2013    

    Hola no encuentro donde dice “elementos de pagina” cuando voy a diseño… que hago??

    • Abril 18, 2013    

      Esto era en el antiguo interfaz, ahora solo tienes que entrar a diseño

  33. Abril 16, 2013    

    Excelente, se agradece el aporte. Ahora, tengo una consulta, ¿hay alguna forma de eliminar la transparencia? Lo digo porque en uno de mis blogs tengo el problema de que el fondo es negro y no se ve nada. Y modificar los parámetros de la “plantilla” me afectaría todo el blog en sí.

    • Abril 18, 2013    

      Pues yo hice la imagen de fondo transparente así que es cuestión de editar la imagen en PS.

      Saludos

  34. Mayo 20, 2013    

    Hola,
    A mi tampoco me sale ningún número en mi dirección del face, hay otra forma de poder ponerlo?
    Muchas gracias.

  35. Junio 11, 2013    

    hola amigo queria preguntarte si no es mucha mlestia si me podrias ayudar lo que pasa es q tengo una plantilla y al ponerle algun gadget de facebook u algun otro codigo adicional los slideshows y otros gadgets dejan de funcionar y le quito el codigo o gadget de facebook y vuelven a funcionar ayudame que estoy desesperado porfavor este es mi blogg ahora tiene el gadget de facebook y el slideshow esta congelado
    http://gamesalxtremo.blogspot.com/

  36. Junio 15, 2013    

    asi es hayder los slideshows funcioinan con jquery que necesito para q vuelvan a funcionar sin quitar la caja de facebook?’

  37. Mayo 23, 2014    

    Yo quiero saber como se pone el gadget de facebook pero que salte ni bien abris el blog, que aparezca adelante de la pagina y que lo tengas que cerrar o ponerle me gusta para seguir..me podras ayudar?
    Obsessed Fashion Blog
    Gracias, saludos!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo