Mega FB Man, un gadget juguetón para compartir en Facebook | Oloblogger Supongo que muchos recordaréis ese pájaro que se paseaba erráticamente por una página y que permitía enviar un tweet con la dirección visit...

28 de marzo de 2012

Mega FB Man, un gadget juguetón para compartir en Facebook

Mega FB Man
Supongo que muchos recordaréis ese pájaro que se paseaba erráticamente por una página y que permitía enviar un tweet con la dirección visitada al pinchar en él. Pues modificando un poco el código y -sobre todo- el sprite que lo acompañaba, he conseguido que ese bicho se convierta ahora en MegaMan y que sus funciones se puedan aplicar a Facebook. Es por eso que lo he bautizado como Mega FB Man.


Mega FB Man
Mega FB Man
El muñequito estará siempre visible en la página y cuando se haga scroll y desaparezca, bajará o subirá por ella hasta quedar otra vez dentro de la ventana visual.

Cuando se hace hover sobre él, un par de mensajes con las leyendas "Compartir" y "Seguir" aparecen para que el usuario pueda enviar el enlace a su cuenta de Facebook o para que pueda acceder a tu página y pinchar en el "Me gusta" si le place.

Cuando Mega FB Man se sitúa en algún lugar que molesta para la lectura o visión de alguna imagen, sólo hay que agitarlo un poco con el puntero y cambiará de posición.


La cosa no tiene mucha ciencia, ya que el efecto visual corre a cargo de la imagen que sirve de base para las distintas secuencias de la animación y todo lo demás lo hace el código JavaScript. De esta manera, lo único que hay que hacer para que funcione en tu página es copiar el siguiente código en un nuevo gadget y cambiar la dirección marcada en verde por la de tu página en Facebook:

<script src="https://googledrive.com/host/0B3b6MFUtZc42TTZXTldEdlV0VVk" type="text/javascript"></script>
<script type="text/javascript">
var birdSprite='http://1.bp.blogspot.com/-pMGbr2OQ3Zo/VBsa8fL0v-I/AAAAAAAARN4/CBmO5czECfo/s1600/megamanfb96.gif';
var targetElems=new Array('img','hr','table','td','div','input','textarea','button','select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span');
var facebookAccount = 'http://www.facebook.com/oloblogger';
tripleflapInit();
</script>


De todas formas, si hay algún perezoso por ahí, también puede usar este formulario para que el gadget se instale automáticamente en su web. Sólo hay que teclear el nombre de la página o completar la dirección del perfil de facebook y pulsar en Añadir a Blogger. Esta nuestra plataforma hará el resto.




http://www.facebook.com/


Añadir a Blogger

Si tienes varios blogs, no olvides seleccionar aquel en el que quieras instalarlo cuando accedas a la utilidad Añadir elemento de página.

¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.

Compartir
Copy URL

Y muchos más artículos interesantes si nos sigues en...

follow us in feedly

100 comentarios :

  1. Excelente aporte Oloman,sos grande hermano.

    ResponderEliminar
  2. Excelente blogg.

    Una preguntita: No exitiría un "bicho" así para el "me gusta" de Facebook o el Google+1 ???

    ResponderEliminar
    Respuestas
    1. Para el +1 no sabría pero creo que sería fácil modificar el script para convertir ese "seguir" en un "me gusta".

      Eliminar
  3. Wow!!!! Mega Oloman... jajaj esto tiene buena pinta jaja te felicito.

    ResponderEliminar
  4. Oloblogger Hola, esta idea es buena, pero no funciona del todo, porque cuando las persona hace clic en el nombre vuelve a dirigir su página y no la nuestra.
    Si hace clic en la carta abierta mi página de Facebook, pero si hace clic en su muñeca se abre.

    ResponderEliminar
    Respuestas
    1. Es una "licencia del autor" para que otros que lo vean puedan conseguir el gadget (Get this gadget). Lo que sirve para enviar un post o acceder a la página facebook son los textos que aparecen al poner el puntero sobre él.

      Eliminar
  5. Jaja, te has volado la barda amigo Oloman. Muy bueno eh =)

    ResponderEliminar
    Respuestas
    1. Si muy bueno pero si hace clic en la carta abierta mi página de Facebook, pero si hace clic en su muñeca se abre.

      Eliminar
  6. Te quedo de lujo, de veras :D

    Te felicito Oloman, muy bueno!

    ResponderEliminar
  7. Eres un monstruo! Esto abre un mundo de posibilidades.
    Nadie se atreve a hacer un Imp del Doom para Google+? hahaha

    ResponderEliminar
    Respuestas
    1. ¡Claro que sí! ¿Cuánto estás dispuesto a pagar? XD
      Es broma. Es que no puedo llegar a ese nivel de personalización. Seguro que cada uno quiere su propio muñequito ;)

      Eliminar
  8. Es muy bueno!!!
    Jajajaj te felicito por la creatividad.

    ResponderEliminar
    Respuestas
    1. Por cierto noto que este gadget y el del pajarito de twitter no son compatibles si estan colocados simultaneamente, es posible corregir esto?

      Eliminar
    2. Es posible, pero ¿cómo vas a poner tanto monigote? Quizás lo mejor sería uno solo para ambos servicios, aunque no se deberían poner tantas opciones. Es decir, no me parece conveniente un gadget para twittear post, seguir en Twitter, compartir post y seguir en Facebook. Además ¿terminamos ahí o seguimos con G+, Tuenti, etc.?

      Eliminar
    3. Si, es cierto. Quizas lo más conveniente sea poner los dos servicios en un solo gadget.
      Además, solo con esos dos me alcanza jajaja

      Eliminar
  9. conozco a mas de uno que le encantara esto, contandome a mi se va de una.

    ResponderEliminar
  10. Gracias por el aporte, mantienes una página genial.
    Me gustaría saber como cambiar la url de redireccionamiento a su página cuando clicas en el muñeco.
    Gracias de todos modos y un saludo.

    ResponderEliminar
    Respuestas
    1. Edita el script y cambia la URL de esta línea por la que quieras
      theBird.setAttribute("href","http://goo.gl/PQWc9");

      Pero siempre es de agradecer un enlace por el curro ;)

      Eliminar
  11. excelente el aporte, no sabes cuanto te agradezco pues mi blog practicamente lo he construido a costa tuya,
    poniendole un poco de atencion he podido cambiar el megaman por otra animacion que, y tambien agregarle el me gusta, es bastante util, y si, quite el enlace a tu blog, pero estaba de mas pues siempre has tenido un enlace en mi blog

    ResponderEliminar
    Respuestas
    1. Es sencillo hacer esas cosas. Si las hice yo, imagínate :)

      Y ya he visto que tienes algunas de mis cosicas instaladas en tu blog y también que formo parte de tu blogroll. Gracias.

      Eliminar
  12. Hola Oloman no se lo que hago mal, pero no me funciona ni en manual, ni automático

    ResponderEliminar
  13. Hola se que no tiene nada que ver con esta entrada. Pero soy una bloguera novata no, lo siguiente.
    He subido una entrada que me aparece con fondo blanco,como si estuviera con subrayado. Como lo quito ??? lo he pasado a word otra vez para quitarle el subrayado pero no tenía.
    Echame una mano!! Gracias por algunas de tus ideas, seguiré copiandote ideas... :-)
    Este es mi blog:
    http://delahuertaalplato.blogspot.com.es/

    ResponderEliminar
    Respuestas
    1. Hola. Edita esa entrada y busca un span que tiene esto: style="background-color: white;" y lo eliminas (ese texto exactamente).

      Y para los próximos no utilices Word, que a menudo mete cosas raras cuando lo copias en Blogger. Mejor usar un simple NotePad.

      Eliminar
  14. muchiiisimas graciasss , eres un crack y yo muyy torpee jeje , tu blog estará entre mis favoritoos!!

    ResponderEliminar
  15. grasias pero tuve que asel unas modificasiones https://dl-web.dropbox.com/get/vmGm.html?w=c63027c4

    ResponderEliminar
    Respuestas
    1. No sé a qué te refieres. Ese enlace no es accesible.

      Eliminar
  16. osea hola me encanta el blog pero tengo un problema click en el megaman y me trae a tu bog no me lleva a mmi fbk.. y ya lo cambie como indicaste.. q podra ser???

    ResponderEliminar
    Respuestas
    1. No es un problema, es que "Compartir" y "Seguir" son los enlaces para tu página y el del muñequito trae a esta para el que lo quiera conseguir ("Get this"). Si quieres que no pase eso descarga el script, busca esta dirección en él "http://goo.gl/PQWc9" la cambias por la que quieras y luego lo alojas en tu DropBox y sustituyes la dirección por la tuya.

      Eliminar
  17. Hola, fue muy sencillo hacer funcionar a mega man :) pero, no es posible que el pajaro de twitter funcione en simultaneo con este? Gracias. :D

    ResponderEliminar
    Respuestas
    1. Pues no, porque realmente se trata del mismo código y sólo cambia la imagen, pero ¿cuántos cacharritos de estos vas a poner? Va a parecer un circo tu blog ;)

      Eliminar
  18. hola muy bueno tu blog gracias por todo. como puedo eliminar el Mega FB man? quiero cambiar la pagina del facebook y no sé como.

    ResponderEliminar
    Respuestas
    1. Sólo tienes que buscar el gadget dónde pusiste este código que se dice aquí y eliminarlo. Tendrás que buscar si no le pusiste título.

      Eliminar
  19. como le hago?????????????
    porfavor ayudenme haaaaaa

    ResponderEliminar
    Respuestas
    1. Está todo explicado en el post. Léelo despacio, sigue las instrucciones y no creo que tengas problemas.

      Eliminar
  20. perfecto esta muy vien FELICIDADES y gracias por el aporte si quieren verlo en mi web. www.gcmrevista.com.mx la acabo de terminar de editar y FB MEGAMAN va de maravilla.. saludos

    ResponderEliminar
  21. Veo que te gusta megaman xD... es una buena idea la que pusiste :3 , lastima que mi estilo del blog no cuadre con el muñequito xD, ;3 felicidades

    ResponderEliminar
    Respuestas
    1. Con algo de tiempo y un poco de habilidad con un editor de imagen, podrías crear tu propia mascosa. Sólo es cuestión de sustituir la imagen (sprite) que contiene las distintas secuencias.

      Eliminar
  22. Soy nueva y me gusta que tenga de todo , por ahora lo dejo que camine gatee y vuele en el blog,jjaja saludos.

    ResponderEliminar
  23. Una pregunta puedo yo editar la imagen y poner otra sustituyendo la imagen de man??

    http://dl.dropbox.com/u/57549161/scripts/facebook/megamanfb96.gif

    claro esta siguiendo los mismos patrones de esa misma, salu2 y de antemano muchas gracias por tomar tu tiempo en responder

    ResponderEliminar
  24. modificado para mi blog en wordpress buen aporte amigo gracias por compartir funciona a la perfeccion

    ResponderEliminar
  25. Siempre tienes buenas ideas, esta me ha hecho mucha gracia, yo soy un super fan de megaman :-)

    ResponderEliminar
    Respuestas
    1. Vale, te agradezco el piropo... ¡pero ni se te ocurra ponerlo en tu sitio! XD

      Eliminar
  26. Thanks for sharing. I found a lot of interesting information here. A really good post, very thankful and hopeful that you will write many more posts like this one. Feel free to visit my website; 카지노사이트

    ResponderEliminar
  27. When did it start? The day I started surfing the Internet to read articles related to . I've been fond of seeing various sites related to 카지노사이트 around the world for over 10 years. Among them, I saw your site writing articles related to and I am very satisfied.

    ResponderEliminar
  28. What a post I've been looking for! I'm very happy to finally read this post. 토토사이트 Thank you very much. Can I refer to your post on my website? Your post touched me a lot and helped me a lot. If you have any questions, please visit my site and read what kind of posts I am posting. I am sure it will be interesting.

    ResponderEliminar
  29. Hi there, I enjoy reading all of your article.

    온라인경마

    ResponderEliminar
  30. great post really appreciable work. That will be valuable to everyone who uses it, including myself. Many thanks... 파친코사이트

    ResponderEliminar
  31. It's a really interesting topic and it has helped me a lot. In fact, I also run a website with similar content to your posting. Please visit once 바카라검증사이트

    ResponderEliminar
  32. Instant deposit with free credit instantly by this promotion will be a free way to cut credit that just you deposit to deliver according to the specified amount of that promotion You will immediately receive such free credits. But if you press request in this way You will not be able to claim free credit to any other type. which this type of free credit will be free credit that you can request for deposits every day, many times a day pgslot

    ResponderEliminar
  33. And there will be fish that look like an animal It's a very large body, almost full screen if we shoot these fish dead. will be like us win jackpot will get a huge amount of money ever For example, we enter the tenth digit But we may get thousands of baht ever with the content of the game. having so much fun So it's not surprising that it's a hit game. It's a very popular game. ambbet

    ResponderEliminar
  34. Throughout my lift, I have been lucky to have a very good relationship with my parents. They have supported me, given me necessary criticism, and taught me get deal about how to life my life. Parents can be very important teachers in our life. However, they are not always the best teachers. ambbet

    ResponderEliminar
  35. a few steps. You can also Claim free credit now. Yo you don't have to deposit money. or if you want to deposit There is a new member bonus. that can be obtained easily and better than before With the simple steps to apply for membership as follows.

    You can also choose that. you will get bonus or not get bonus It's called our entrance. The system has been developed for players as well. Let the players use it easily. and can adjust the style of playing by yourself pgslot

    ResponderEliminar
  36. Frequent outgoing slot games in each format Depending on the game style, how much will the maximum amount be specified? So choosing a game Therefore, it is important to make bonuses as a top priority. The more websites have more game options to choose from, it means that we have more chances to get into the bonus round. pgslot

    ResponderEliminar
  37. Yoga breathing exercises can help improve endurance and stamina. When exerting in sports or exercise we often hold the breath as a way to create strength. Yoga trains the body to create strength through breathing control. Holding the breath at points of exertion takes a great deal of energy that could be used during long sets or matches.

    Learning the correct way while doing a yoga pose is simple. Exhale during the execution of a pose until you feel the muscles’ full length of the stretch (maximum resistance). Never hold your breath. Breathe normally and listen to the body. Hold for 30 seconds, then release the pose slowly. By constant practice of yoga poses you’ll soon apply breathing techniques in everyday routines. สล็อต

    ResponderEliminar
  38. Give away free spins that we prepare to give to members every day. If you are a new generation who want to step out of the traditional gambling framework, our PGSLOT is ready to take you to experience the fun and enjoyment that has access to popular slot games for 24 hours, free spins, easy at your fingertips No matter what device you play It's easy to get close to being a millionaire. บาคาร่า

    ResponderEliminar
  39. Start learning about the industry of playing slots before playing for real with this method.
    In an era where we have to make money from the online world There is no easier way to make money than playing slots. Let's get to know the basics of what slots are. How do slots make us money? Slots are a type of casino game that is played by spinning the wheel so that the pictures on each wheel spin together to meet each other. Then we will get those rewards. As for the rewards that we will receive, it will be different as appropriate. The results of the prize must depend on the website as assigned to us. In fact, this slot game has been around for 10 years, before it was only 3 slots but now it has been added to 5 or more slots.

    Before we start playing with slot games like this, let's get to know what the old days didn't have for slot games. That is the matter of the formula to play. Must admit that in this modern computer era Computer programs are used to help calculate in various games. It allows us to be able to understand each type of game more easily. And we are clearly able to profit from these games as our model. especially the use of ready-made programs to help or what we call the game formula This allows us to play slots games more easily and without having to guess randomly. or using the previous method of measuring It is therefore imperative that one learns how to use the game formula before actually playing the slot game. superslot

    ResponderEliminar
  40. It's easier to accomplish than gambling with other websites. If today you don't have the number 1 website in mind, give yourself a chance to experience something new and better by joining us. Then you will immediately know that the word How is the “best website”? สล็อต

    ResponderEliminar
  41. pgslot , jili, but most importantly, if you get to play in ambbet camp, it makes playing games easier because every บาคาร่า ออนไลน์

    ResponderEliminar
  42. For example, another slot game, another online slot game that can make money for you superslot เครดิตฟรี

    ResponderEliminar
  43. If you do not read the details thoroughly before to obtain you may Found a problem for pgslot

    ResponderEliminar
  44. Joker123 Online Slots Site The best in Thailand There are over 100 games to choose from and all of them are easy to play. real prize Be it bonuses ambbet

    ResponderEliminar
  45. Online slots, popular gambling games that got attention in the online casino industry first Because it has an easy to play style. and has a play style fun ambbet

    ResponderEliminar
  46. Live22 slot, online slots promotions and fish shooting games, sa game, great promotions, free credit, hot promotion สล็อตxo

    ResponderEliminar
  47. Direct web slot game, fun to play, fun to make money, access to new games, PG camp, before anyone else, play PG168 slots, get free credit, no deposit, no sharing, easy to play via mobile ข่าวบอลล่าสุด

    ResponderEliminar
  48. Black coffee reduces the risk of liver disease. sexybacarat

    ResponderEliminar
  49. Admin team that is ready to support players 24 hours a day Apply today, don't wait. superslot เครดิตฟรี

    ResponderEliminar
  50. Having said that, it is the hottest game that will not stop in 2022. For this reason, we pgslot เว็บตรง

    ResponderEliminar
  51. that you have been able to use to play with various game camps It is recommended to use the user you received to place bets in various gaming camps. สล็อต

    ResponderEliminar
  52. Online game camp, pgslot, direct website, hot with bright colors. and the most easily broken play Open for service today pgslot เว็บตรง

    ResponderEliminar
  53. If you've previously applied for free credit elsewhere You will encounter system problems. ambbet

    ResponderEliminar
  54. There are more than 100 games to play. Bet-withdraw money via automatic system. Check 24 สล็อต

    ResponderEliminar
  55. which is a popular online slot game camp. Give away free credit every day, play as scheduled, ufa, give away free credit 100, no deposit required, 2021 pgslot

    ResponderEliminar
  56. There is a fast deposit-withdrawal system. do not need to notify the slip The money will automatically come to you.
    reliable because it has been open for a long time I สมัครสมาชิกสล็อต pg

    ResponderEliminar
  57. proficient in playing. in order to be able to observe the rounds of the prize draw And from now on you will be able บาคา

    ResponderEliminar
  58. Fish shooting game. If talking about this game, no one will know for sure. especially the players สมัครสมาชิกสล็อต pg

    ResponderEliminar
  59. of each person After selecting the game The next step is to choose a camp to play. บาคา

    ResponderEliminar
  60. In addition to having many advantages In this article, we will talk about a good slot game. Which slot games are worth playing? and make real money for the players pgslot

    ResponderEliminar
  61. at I should also help myself to relate my studies to my own learning. Because I will bring everything, I have been studying until my c pgslot เว็บตรง

    ResponderEliminar
  62. Can play in many ways Whether it's a mobile phone, tablet or computer. want to add premium make betting fun ambbet

    ResponderEliminar
  63. If you are someone who will not be able to make money from online slot games, we recommend that you study the online slot games themselves. pgslot เว็บตรง

    ResponderEliminar
  64. Will be collected as a win multiplier after the winning symbol is destroyed. welcome superslot

    ResponderEliminar
  65. Slots, online games, slots on mobile, top-up-withdraw via automatic system
    24 hours service, 100% safe and secure. สล็อต

    ResponderEliminar
  66. Slots, online games, slots on mobile, top-up-withdraw via automatic system
    24 hours service, 100% safe and secure. slotxo

    ResponderEliminar
  67. but free credit is called is another factor of playing online gambling games that will help players bet most slotxo

    ResponderEliminar
  68. jackergame, the center of online slots web that is open for all online games, including slotxo, pgslot, joker123 ดูบอลสด

    ResponderEliminar
  69. Cards In the story of character development, a menu of cards is also involved. Which some people have already played and may forget in this section. But let me tell you that it will increase ou pgslot เว็บตรง

    ResponderEliminar
  70. Online on the web straight slots can enjoy without limits. Apply for slots on the direct website now, get slots promotions, deposit 10, get 100 and more. ตารางคะแนน

    ResponderEliminar
  71. Its very interesting while reading it,thank you for posting such a good article. สล็อตค่าย RT

    ResponderEliminar
  72. There is also online slots camp More than 20 leading camps that in the past, old members or anyone who has seen this web of ours through some eyes. pgslot

    ResponderEliminar
  73. Straight web slots are hard to break. Ours are easy to use. Suitable for all gamblers of all ages, of course. AMBKING

    ResponderEliminar
  74. It is distributed for friends who are new members there. Just sign up with us today. pgslot

    ResponderEliminar
  75. Play any game that will definitely get money, slots are broken often, get real money, slots that สล็อต

    ResponderEliminar
  76. Just apply for membership with ambbet, the direct website, you can be confident.welcome pgslot

    ResponderEliminar
  77. Register with databet88 Today you will receive a lot of free credits every day that the website is giving away. available for all online gambling more pgslot

    ResponderEliminar
  78. 168SLOTXO.COM And easily apply for membership with us, you will receive a free bonus of 50% if you have any questions. can ask staff pgslot

    ResponderEliminar
  79. round will limit the number of users to give away, can be tracked on the web page. winbigslot AMBKING

    ResponderEliminar