Un fantasma en tu blog

Puedes colocar un fantasma que aparece y desaparece por todas las partes de tu blog copiando el siguiente código en añadir un nuevo gadget, HTML javascripts, y ahí lo pegamos.
Recuerda que puedes también modificar el número de fantasmas que desees que se muestren.


<script language="JavaScript"><br /> if ((document.getElementById) && <br /> window.addEventListener || window.attachEvent){<br /> (function(){<br /> <br /> //Configuracion<br /> <br /> var numberOfGhosts = 1; /* Numero de fantasmas */<br /> var ghostSpeed = 0.8; /* Velocidad */<br /> var inTheFace = 5;<br /> var setTimeOutSpeed = 50; /* Velocidad a la que desaparecen */<br /> <br /> //Fin de la configuracion <br /> <br /> var h,y,cy,cx,sy,sx,ref,field,oy1,oy2,ox1,ox2,iy1,iy2,ix1,ix2;<br /> var d = document;<br /> var domWw = (typeof window.innerWidth == "number");<br /> var domSy = (typeof window.pageYOffset == "number");<br /> var pi1 = 180/3.14;<br /> var pi2 = 3.14/180;<br /> var y = [];<br /> var x = [];<br /> var strs = [];<br /> var gro = [];<br /> var dim = [];<br /> var dfc = [];<br /> var vel = [];<br /> var dir = [];<br /> var acc = [];<br /> var dtor = [];<br /> var xy2 = [];<br /> var idx = document.getElementsByTagName('div').length;<br /> var zip = [];<br /> var pix = "px";<br /> <br /> for (i = 0; i < numberOfGhosts; i++){<br /> document.write('<div id="ghosts'+(idx+i)+'"'<br /> +' style="position:absolute;top:0px;left:0px;'<br /> +'width:40px;height:40px;background-color:transparent;'<br /> +'font-size:0px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf2ZEHpZekjSyuIUIcDoXC30Vlnuy2P1kE6mXh1h2iG5dKJTTQI-Sqyd3Li4JswY-XQU_Y2S1qB26pISPHi69TzFMs5rbLfnqusH2R6hqf3pcsPaz1djhP4G3mlqt3UJxGfqWN8SB3q08/s1600/ghost.gif" class="ghost" width="70"/></div>');<br /> }<br /> <br /> if (domWw) ref = window;<br /> else{ <br /> if (d.documentElement && <br /> typeof d.documentElement.clientWidth == "number" && <br /> d.documentElement.clientWidth != 0)<br /> ref = d.documentElement;<br /> else{ <br /> if (d.body && <br /> typeof d.body.clientWidth == "number")<br /> ref = d.body;<br /> }<br /> }<br /> <br /> function win(){<br /> var mozBar = ((domWw) && <br /> ref.innerWidth != d.documentElement.offsetWidth)?20:0;<br /> h = (domWw)?ref.innerHeight:ref.clientHeight; <br /> w = (domWw)?ref.innerWidth - mozBar:ref.clientWidth;<br /> cy = Math.floor(h/2);<br /> cx = Math.floor(w/2);<br /> <br /> oy1 = (75 * h / 100);<br /> oy2 = (oy1 / 2);<br /> ox1 = (75 * w / 100);<br /> ox2 = (ox1 / 2);<br /> <br /> iy1 = (18 * h / 100);<br /> iy2 = (iy1 / 2);<br /> ix1 = (18 * w / 100);<br /> ix2 = (ix1 / 2); <br /> <br /> field = (h > w)?h:w;<br /> }<br /> <br /> function rst(s){<br /> var cyx;<br /> sy = (domSy)?ref.pageYOffset:ref.scrollTop;<br /> sx = (domSy)?ref.pageXOffset:ref.scrollLeft;<br /> acc[s] = 0;<br /> dim[s] = 1;<br /> xy2[s] = 0;<br /> cyx = Math.round(Math.random() * 2);<br /> if (cyx == 0){<br /> y[s] = (cy - iy2) + Math.floor(Math.random() * iy1);<br /> x[s] = (cx - ix2) + Math.floor(Math.random() * ix1);<br /> }<br /> else{<br /> y[s] = (cy - oy2) + Math.floor(Math.random() * oy1);<br /> x[s] = (cx - ox2) + Math.floor(Math.random() * ox1);<br /> }<br /> dy = y[s] - cy;<br /> dx = x[s] - cx;<br /> dir[s] = Math.atan2(dy,dx) * pi1;<br /> dfc[s] = Math.sqrt(dy*dy + dx*dx) ;<br /> zip[s] = 10 * (dfc[s] + inTheFace) / 100;<br /> vel[s] = ghostSpeed * dfc[s] / 100;<br /> dtor[s] = (field - dfc[s]); <br /> if (dtor[s] < 1) dtor[s] = 1;<br /> gro[s] = 0.003 * dtor[s] / 100;<br /> }<br /> <br /> function animate(){<br /> for (i = 0; i < numberOfGhosts; i++){<br /> y[i] += vel[i] * Math.sin(dir[i] * pi2);<br /> x[i] += vel[i] * Math.cos(dir[i] * pi2);<br /> acc[i] = (vel[i] / (dfc[i] + (vel[i] * zip[i])) * vel[i]);<br /> vel[i] += (acc[i]);<br /> dim[i] += gro[i] + acc[i] / zip[i];<br /> xy2[i] = dim[i] / 2;<br /> if (y[i] < 0 + xy2[i] || <br /> x[i] < 0 + xy2[i] || <br /> y[i] > h - xy2[i] || <br /> x[i] > w - xy2[i]){<br /> rst(i);<br /> }<br /> strs[i].top = (y[i] - xy2[i]) + sy + pix;<br /> strs[i].left = (x[i] - xy2[i]) + sx + pix;<br /> strs[i].width = (strs[i].height = (Math.round(dim[i])) + pix);<br /> }<br /> setTimeout(animate,setTimeOutSpeed);<br /> }<br /> <br /> function init(){<br /> win();<br /> for (i = 0; i < numberOfGhosts; i++){<br /> strs[i] = document.getElementById("ghosts"+(idx+i)).style;<br /> rst(i);<br /> }<br /> animate();<br /> }<br /> <br /> if (window.addEventListener){<br /> window.addEventListener("resize",win,false);<br /> window.addEventListener("load",init,false);<br /> } <br /> else if (window.attachEvent){<br /> window.attachEvent("onresize",win);<br /> window.attachEvent("onload",init);<br /> } <br /> })();<br /> }//End.<br /> <br /> </script><br /> <br /> <style><br /> .ghost {<br /> filter:alpha(opacity=30);<br /> -moz-opacity: 0.3; <br /> opacity: 0.3;<br /> -khtml-opacity: 0.3;<br /> }<br /> html {<br /> overflow-x:hidden;<br /> }<br /> </style>