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.


54 comentarios

AltaBloggers · agosto 16, 2011 a las 6:38 pm

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

Juvinao · agosto 16, 2011 a las 8:19 pm

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

Dryken · agosto 18, 2011 a las 1:18 pm

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

Juvinao · agosto 18, 2011 a las 1:57 pm

@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 🙂

Vagostube · agosto 18, 2011 a las 3:46 pm

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.

Juvinao · agosto 18, 2011 a las 4:47 pm

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

Dryken · agosto 18, 2011 a las 5:57 pm

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

Saludos 😉

Juvinao · agosto 19, 2011 a las 1:58 pm

@Dryken ok amigo quedamos en la buena entonces..

http://RESISTANCE8.blogspot.com · agosto 29, 2011 a las 3:09 am

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??
???????’?

Juvinao · agosto 30, 2011 a las 2:49 am

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

Gustavo A. Mora Rivera · septiembre 5, 2011 a las 11:44 pm

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

Juvinao · septiembre 6, 2011 a las 1:36 pm

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

posicionamiento web · diciembre 12, 2011 a las 7:01 pm

no pierdo un segundo mas para hacerme fan!

Juvinao · diciembre 12, 2011 a las 9:42 pm

posicionamiento web gracias por hacerte fan,saludos

luxurian hacksout · enero 13, 2012 a las 3:43 am

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 !

Juvinao · enero 15, 2012 a las 12:20 pm

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

luxurian hacksout · enero 16, 2012 a las 3:32 pm

Gracias Juvinao eres muy amable te lo agradezco.

Juvinao · enero 16, 2012 a las 5:49 pm

luxurian hacksout de nada para ayudar estamos.

Soraya · febrero 13, 2012 a las 1:01 am

Gracias por la ayuda!Me ha servido de mucho 🙂

    Zara · febrero 13, 2012 a las 6:20 pm

    Este comentario ha sido eliminado por el autor.

PAC · marzo 24, 2012 a las 5:38 pm

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

Carlos Castro · mayo 8, 2012 a las 8:12 pm

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

    Juvinao · mayo 8, 2012 a las 8:27 pm

    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 .

    Carlos Castro · mayo 8, 2012 a las 8:39 pm

    gracias

Carlos Castro · mayo 8, 2012 a las 8:36 pm

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

Inma · mayo 21, 2012 a las 11:36 pm

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!

    Juvinao · mayo 23, 2012 a las 1:22 am

    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-

Nathanael Rivera · junio 11, 2012 a las 5:07 am

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

Javier · julio 17, 2012 a las 12:24 am

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

    Juvinao · julio 19, 2012 a las 8:57 pm

    Gracias a ti por comentar Javier,Saludos…

Chistes cortos · julio 20, 2012 a las 9:30 pm

Exelente!!! te lo agradezco

Blas Gimenez · agosto 9, 2012 a las 11:49 am

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

    Juvinao · agosto 9, 2012 a las 7:39 pm

    Blas gracias por comentar y aportar a la entrada 😀

Anonymous · agosto 30, 2012 a las 4:17 pm

Este comentario ha sido eliminado por un administrador del blog.

Locos Por Nada · septiembre 30, 2012 a las 9:55 am

Muchas Gracias! me andubo de 10

    Juvinao · septiembre 30, 2012 a las 7:51 pm

    Que bueno que te haya funcionado amigo 😛

Erwyn Verde Allauca · octubre 25, 2012 a las 1:30 am

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

Anonymous · febrero 5, 2013 a las 1:57 am

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

Violetta 2 · abril 16, 2013 a las 12:21 am

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

    Hayder Juvinao · abril 18, 2013 a las 3:01 pm

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

Agustín Gómez · abril 16, 2013 a las 12:49 am

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í.

    Hayder Juvinao · abril 18, 2013 a las 2:59 pm

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

    Saludos

Pilar Marcos · mayo 20, 2013 a las 2:41 pm

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

Natsu Dragneel · junio 11, 2013 a las 6:36 pm

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/

Natsu Dragneel · junio 15, 2013 a las 10:33 pm

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

Euge Etche · mayo 23, 2014 a las 10:38 am

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!

Responder a Juvinao Cancelar la respuesta

Marcador de posición del avatar

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