El pájaro de Twitter volando por todo tu Blog

Hace poco me encontré con un gadget/script muy entretenido, se trata de el famoso pájaro de Twitter que estará volando mientras interactúas con tu Blog y cuando le demos clic te mandara a tu cuenta de Twitter :D



Lo podemos utilizar para Blogger como para WordPress.

Para colocarlo en Blogger nos vamos a Diseño > Elementos de la página > Añadir un elemento HTML/Javascript y para WordPress nos vamos a la sección Apariencia > Widgets y colocamos un widget de Texto o HTML arbitrario.

Una vez ubicados donde colocarlo, insertamos el siguiente código:

<script src="http://oloblogger.googlecode.com/files/tripleflap.js" type="text/javascript"></script>
<script type="text/javascript">
var birdSprite='http://oloblogger.googlecode.com/files/birdsprite.png';
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 twitterAccount = 'http://twitter.com/USUARIO';
var twitterThisText ='';
tripleflapInit();
</script>

Solamente cambiamos donde dice “USUARIO” por tu nombre de usuario de Twitter, guardamos y listo.

Para que se den una idea de cómo se vería, les dejo dos ejemplos: el primero lo pueden ver en este Blog que se encuentra en la plataforma WordPress y para verlo en la plataforma Blogger lo pueden ver en este Blog de pruebas Ver ejemplo

Visto en | Oloblogger



Visitantes llegan búscando:
pajarito de twitter para blog pajaro twitter blog pajaro de twiter pájaro twitter volando twitter volando pajaro de twitter volando pajaro twitter pajarito twitter PAJARO DE TWITTER pajarito de twitter
53 Comentarios en El pájaro de Twitter volando por todo tu Blog
  1. Eduardo dijo:

    Woooow esta increíble este script!!!!! cuando entre me espanto el pájaro ¬¬ es algo ingenioso, por cierto soy un seguidor tuyo, me encanta tu blog :)

  2. skate888 dijo:

    jajaja esta muy padre el icono del pajarito azul, nunca havia visto este gadget :P

  3. sebastian dijo:

    Hola chicos como estan?este scrip lo andaba buscando hacer rato.. el tema es que no me anda.. que tengo q poner??? mi pagina esta en blogger… desde ya gracias por la onda.

    • Alberto dijo:

      @sebastian: Que tal, lo explique en el post como ponerlo “Para colocarlo en Blogger nos vamos a Diseño > Elementos de la página > Añadir un elemento HTML/Javascript” y colocas el código que mencione, saludos!

  4. silvio dijo:

    hey a mi no me sale el pajaro en mi blog?…quien sabe por que ya lo intente mas de 10 veces ..por que sera/? tu sabes?

    • Alberto dijo:

      @silvio: Es muy sencillo, como se lo explique a sebastian, tan solo agregamos un simple elemento HTML/Javascript , agregamos el código y solo modificamos el nombre de tu usuario twitter. Saludos!

  5. Silvio dijo:

    Ya lo intente de nuevo y nada brother, crees que sea que estoy usando un template modificado particular y no de blogger

  6. Rafael dijo:

    muy bueno el script, se agradece :D

  7. Nava dijo:

    No pe aparece el pajaro del twetter podrias ayudarme????

    • Alberto dijo:

      @Nava: Hola, viendo tu Blog en tu firma, veo que ya lo colocaste, se ve perfectamente, saludos!

  8. Edoardo dijo:

    Hey Amigo Ya Intente Poner El Pajaro Y No Me Sale Que Crees Que Sea?

  9. rodrigo dijo:

    no me sale nada, si pusieras imagenes seria mejor. !

    • Alberto dijo:

      @rodrigo: Que tal, mmm como veo que casi nadie le sale el pájaro, colocare manzana por manzana para colocarlo XD aunque está claramente explicado lo esencial de como agregar un simple widget en Blogger :/, nomas que me dé tiempo y modifico el post, saludos.

  10. AmalecHACK dijo:

    No lo puedo hacer funcionar en WordPress
    ¿Puedes explicar mejor cómo y dónde colocarlo?
    porque no dejaste claro en qué tipo de widgets debemos pegar el código. He intentado en “texto”, pero sucede que el código, al guardarlo, se recorta y queda inservible.

    • Alberto dijo:

      @AmalecHACK: Que tal, si ya van varios que me han dicho sobre el tema de que no pueden, en la noche modificare el post, y que raro así como le hiciste así debe ir en “texto” y colocar el código, así yo le hice y quedo perfecto.

      Checa bien si copiaste bien todo el código sin espacios y solo cambia donde dice: http://twitter.com/USUARIO por tu usuario de Twitter, también intenta guardar el script http://oloblogger.googlecode.com/files/tripleflap.js, subirlo a tu propio alojamiento, Saludos!

      • AmalecHACK dijo:

        Ya lo logré poner en mis páginas, lo único que hice fue subir los archivos .JS a un hosting diferente y listo! :D
        mira:
        http://www.amalechack.es.tl
        http://www.GeekZN.es.tl

        Listo!! :D

        Gracias colega, tu código si sirve, solo que hay que cambiar la dirección de los archivos :D

        • Alberto dijo:

          @AmalecHACK: Si, en un comentario abajo le mencione a josepoveda, que el script lo han de utilizar tantos que está saturado y puede que deje de funcionar, lo recomendable es alojar el script en tu propio alojamiento.
           
          Por cierto, ya me fije que en tus Blogs y te quedaron correctamente :) Saludos!

  11. josepoveda dijo:

    Hola lo he intentado 5 o 6 veces y nada de nada.yo utilizo wordpress,lo ultimo que as dicho el en anterior comentario eso de también intenta guardar el script http://oloblogger.googlecode.com/files/tripleflap.js nose a que te refieres con eso la verdad que me sorprendió.

    • Alberto dijo:

      @josepoveda: Si, me refiero a guardar el script en tu propio alojamiento para remplazar esa URL http://oloblogger.googlecode.com/files/tripleflap.js por la URL donde lo alojaste ese script y no tarde el script en cargar.
      Pero ya encontré el error! el código estaba bien, pero lo que pasa que las funciones blockquote daban al texto fuente itálica por lo tanto algunas comillas las colocaba mal, bueno para no tanto rollo, ya modifique el código. Saludos!

  12. josepoveda dijo:

    Hola alberto ahora si,lo único k me aparece el pajarito donde estan las paginas arriba del todo no hay manera de moverlo.jejeje
    borra el comentario de antes gracias

  13. jose poveda dijo:

    Hola buenas tengo problemas cuando pinchan en el pajaro da erro,eso por k es? gracias

  14. jose poveda dijo:

    Hola muchas gracias he resulto todas mis dudas

  15. coni dijo:

    holaaaaaaa,perdon por l;a molestia pero no pueo encontar ”disenio”

    • Alberto dijo:

      @coni: emm viendo tu Blog, creo que ya lo colocaste, nada más te falto poner el usuario de Twitter en el código. Saludos.

  16. Hola:

    No consigo que funcione el script, cuando pongo un widget de texto o html, con el código al darle a guardar WordPress elimina las líneas entre con lo que el código queda inservible.

    ¿Alguna idea?

    Estoy utilizando wordpress gratuito, y me pasa tanto con chrome como explorer.

    • Alberto dijo:

      guardiolajavi: Que tal, WordPress.com es una plataforma multiusuario de los blogs y no puedes usar javascript en los widgets, si te tira el código y te lo hace inservible es para mantener la seguridad. Por eso mejor te recomiendo Blogspot ahí si puedes utilizar javascript :) Saludos!

  17. Kennethsaurus dijo:

    muchas gracias.. a mi me funcionó de una!! Solo que no tengo twitter xD

  18. pecoas dijo:

    No me resulta en wordpress lo intente en muchas ocaciones y la verdad es que era lo que andaba buscando

    • Alberto dijo:

      @pecoas: Claro que se puede, sigue los pasos correctamente copia completo el script y pégalo en un widget de texto, si te refieres a WordPress.com arriba en un comentario mencione por qué no se puede, pero si tu Blog es de WordPress.org si se puede. Saludos!

  19. Adri dijo:

    Tengo un scrip muy guay de sonic the hedgeogh, pero no se cambiar el script de pájaro por el que he creado. ¿Me puedes ayudar?

  20. ALDO VAZQUEZ dijo:

    esta bn chido ese script!!

  21. desafiantes dijo:

    hola!! felicitaciones por tu blog!! no me sale el pajaro tampoco :( tengo blogspot pero no entiendo lo de montarlo por tu propio alojamiento, a duras penas abri el blog jeje. Me ayudas por favor? gracias!!

    • Alberto dijo:

      @desafiantes: Ya tiene tiempo en que arregle el problema :) , lo probé de nuevo como está el código en el post en un blog de prueba y todo perfecto, te sugiero que copies completo el código y guardes los cambios, saludos!

  22. Iván dijo:

    Es una web (dominio gratuito) que tengo en pruebas, y he hecho y modificado todo lo que as dicho en los comentarios, pero solo me sale cuando estoy logueado (cuando he iniciado sesion como administrador o como otro usuario)

    ¿Como puedo hacer para que lo vea todo el mundo?

    Espero tu respuesta

    • Alberto dijo:

      @Iván: Últimamente Blogger ha estado haciendo cambios por lo del nuevo escritorio y funciones nuevas, a lo mejor es por eso, pero no creo ya que visualice de nuevo mi Blog de pruebas y todo bien aunque no este logueado, sigue paso a paso primero los puntos que doy en el post y por último el de los comentarios. Saludos!

      • Iván dijo:

        Se me olvidó decirte que es en WordPress, y que probé tanto con el código que pones como con el plugin que ha desarrollado wordpress y no hay manera.

        • Alberto dijo:

          @Iván: Ahora mismo lo estoy viendo volar en tu Blog XD quedo excelente.

          • Iván dijo:

            Siii despues de media mañana intentándolo lo he conseguido. Muchas gracias por todo!!

  23. janina dijo:

    me quito el sombrero, eres genial!!!nunca habia visto un twet asi, me encanta.

  24. janina dijo:

    hey ya coloquè el pajarito en mi blog!! de blogger en la nueva plataforma està excelente!!!gracias!!!

  25. alfredo dijo:

    Increíble y simple a la vez. Te has ganado un +1

  26. KaSs dijo:

    Ecxelente!! en la primera, se ve a todo dar!! muchas gracias..

  27. Alberto mil gracias por tu post, hacía rato venía enamoradilla del earlybird y tú lo has puesto bien fácil.

    En mi post he citado tu sitio y he complementado tu aporte con un video, puedes verlo pinchando en mi nombre ;)

    Cálidos saludos.
    ElizabethManjarres.info

    • Alberto dijo:

      @Elizabeth Manjarres: Hola, gracias por el enlace :) me pareció perfecto el video que hiciste para complementarlo y bueno, debo aclarar que yo no hice el script, por esa razón deje el enlace en el post sobre el autor de esto. Saludos y gracias ^_^

  28. djbiblio dijo:

    jajajajaj excelente!!!! ya lo voy a usar. muchas gracias
    saludos…

  29. DjZero dijo:

    hola man me funciono perfectamente, pero tengo un problema /: y es que cuando el pajaro pasa por las animaciones flash de mi web queda detras de estas! como puedo hacer que pase por el frente?

  30. candy dijo:

    oye que chevere…….gracias por tu ayuda…….me quedo super….

  31. Jorge dijo:

    Jaja nunca lo había visto, me parece una forma muy linda de invitar a nuestros usuarios a compartir y a seguirnos en twitter. sin duda ya lo estoy instalando. Gracias.

  32. jose dijo:

    hola mira e intentado de todas formas poner el pajarito de twitter en mi webs pero no me funciona mi webs es con webnode alludame gracias

  33. cesar dijo:

    Hola alguien podría volver a subir el código o script, lo que pasa es que al parecer ya no esta alojado yo también lo tenia pero ya no aparece, o puede ser problema del java??

  34. Maria Jesús dijo:

    hola.. Podrías explicarme paso a paso colgar el pajarito en mi blog… han cambiado el menu del diseño de htlm y no tengo ni idea..

Deja tu Comentario

Solo se publicaran aquellos comentarios que vayan conforme al tema, mas NO los comentarios con insultos, y mensajes de SPAM.
Si quieres que tu comentario tenga tu foto o imagen, entonces checa este articulo.
NOMBRE (requerido*)
E-MAIL (requerido*)
SITIO WEB
COMENTARIO

Bienvenido a V-Junker, un sitio donde encontraras varios tutoriales, geek, noticias, aplicaciones, tecnología y una que otra frikada.
Red de Blogs