» » El pájaro de Twitter volando por todo tu Blog

El pájaro de Twitter volando por todo tu Blog

Alberto 1 de febrero del 2011 Tutoriales 54 comentarios

Hace poco me encontré con un widget / script muy entretenido, se trata de el famoso pájaro de Twitter llamado “Larry”, que estará volando mientras los visitantes interactúan en tu Blog, donde si le dan click te mandará a tu cuenta de Twitter.

birdtwitterfly


Mencionar que lo podrás utilizar tanto 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 que ubiques donde colocarlo, deberás copiar y pegar el siguiente código:

<script src="https://db.tt/tJaro9ju" type="text/javascript"></script>
<script type="text/javascript">
var birdSprite='https://db.tt/dloFq76W';
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 cambia donde dice “USUARIO” por tu nombre de usuario en Twitter, guardas y listo.

Para que te des una idea de cómo se vería, te dejo dos ejemplos: el primero lo puedes ver en este Blog que se encuentra en el CMS WordPress y para verlo en el CMS Blogger lo puedes ver en este Blog de pruebas Ver ejemplo

Visto en | Oloblogger

Alberto

Ninja Blogger & Footballing.

54 Comentarios en 'El pájaro de Twitter volando por todo tu Blog'

  • febrero 1, 2011
    Eduardo:

    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 :)

    Responder
  • febrero 1, 2011
    skate888:

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

    Responder
  • febrero 2, 2011
    sebastian:

    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.

    Responder
    • febrero 2, 2011
      Alberto:

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

      Responder
      • febrero 3, 2011
        sebastian:

        gracias alberto… pero no me sale, no encuentro el porque… lo puse asi… por eso te dejo mi blog a ver que puede ser.. mil gracias por responder.
        http://www.culturasoundsystem.com.ar

        Responder
  • febrero 8, 2011
    silvio:

    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?

    Responder
    • febrero 8, 2011
      Alberto:

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

      Responder
  • febrero 9, 2011
    Silvio:

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

    Responder
  • febrero 23, 2011
    Rafael:

    muy bueno el script, se agradece :D

    Responder
  • febrero 26, 2011
    Nava:

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

    Responder
    • febrero 26, 2011
      Alberto:

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

      Responder
  • marzo 1, 2011
    Edoardo:

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

    Responder
  • marzo 5, 2011
    rodrigo:

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

    Responder
    • marzo 7, 2011
      Alberto:

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

      Responder
  • marzo 12, 2011
    AmalecHACK:

    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.

    Responder
    • marzo 12, 2011
      Alberto:

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

      Responder
      • abril 9, 2011
        AmalecHACK:

        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

        Responder
        • abril 9, 2011
          Alberto:

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

          Responder
  • marzo 13, 2011
    josepoveda:

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

    Responder
    • marzo 13, 2011
      Alberto:

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

      Responder
  • marzo 14, 2011
    josepoveda:

    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

    Responder
  • marzo 16, 2011
    jose poveda:

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

    Responder
    • marzo 16, 2011
      Alberto:

      @jose poveda: Viendo tu Blog me parece que marca ese error porque no has colocado tu usuario en la parte del código donde dice http://twitter.com/USUARIO

      Responder
  • marzo 16, 2011
    jose poveda:

    Hola muchas gracias he resulto todas mis dudas

    Responder
  • marzo 18, 2011
    coni:

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

    Responder
    • marzo 19, 2011
      Alberto:

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

      Responder
  • marzo 24, 2011
    guardiolajavi:

    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.

    Responder
    • marzo 25, 2011
      Alberto:

      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!

      Responder
  • marzo 26, 2011
    Kennethsaurus:

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

    Responder
  • abril 8, 2011
    pecoas:

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

    Responder
    • abril 9, 2011
      Alberto:

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

      Responder
  • abril 19, 2011
    Adri:

    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?

    Responder
  • abril 24, 2011
    ALDO VAZQUEZ:

    esta bn chido ese script!!

    Responder
  • mayo 2, 2011
    desafiantes:

    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!!

    Responder
    • mayo 2, 2011
      Alberto:

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

      Responder
  • mayo 13, 2011
    Iván:

    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

    Responder
    • mayo 14, 2011
      Alberto:

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

      Responder
      • mayo 14, 2011
        Iván:

        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.

        Responder
        • mayo 14, 2011
          Alberto:

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

          Responder
          • mayo 14, 2011
            Iván:

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

  • junio 28, 2011
    janina:

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

    Responder
  • junio 28, 2011
    janina:

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

    Responder
  • julio 10, 2011
    alfredo:

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

    Responder
  • agosto 8, 2011
    KaSs:

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

    Responder
  • agosto 26, 2011
    Elizabeth Manjarres:

    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

    Responder
    • agosto 28, 2011
      Alberto:

      @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 ^_^

      Responder
  • septiembre 4, 2011
    djbiblio:

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

    Responder
  • octubre 3, 2011
    DjZero:

    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?

    Responder
  • mayo 29, 2012
    candy:

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

    Responder
  • agosto 19, 2012
    Jorge:

    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.

    Responder
  • febrero 22, 2013
    jose:

    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

    Responder
  • abril 30, 2013
    cesar:

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

    Responder
  • septiembre 25, 2013
    Maria Jesús:

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

    Responder
  • julio 6, 2014
    Alberto Lozano:

    ACTUALIZADO: he alojado el script en otro host, por lo que ahora funciona perfecto el código y así el poder colocarlo sin problemas en tu blog. Saludos amigos lectores! :)

    Responder

Deja tu comentario

  • Nombre:
    E-mail:
    URL: (Opcional)