Calabaza que va flotando con una araña por tu blog

Como hoy es el día de Halloween hemos decidido hacer un pequeño gadget para Blogger que muestra una aterradora calabaza que va flotando por todo tu blog en compañía de una araña con su telaraña.

El truco está hecho con un pequeño script que no sobrecargará tu blog y con el le agregarás a tu blog un genial aspecto para esta fecha que es muy celebrada en todo el mundo.

Calabaza que va flotando con una araña por tu blog 

La calabaza que se ve es la siguiente:

Para añadir este truco ve a la Edición HTML de tu blog y antes de </head>  pega el siguiente script.

<script type='text/javascript'>
//<![CDATA[
/***********************************************
* Calabaza volando por el blog
* Adaptado por miltrucosblogger.info
***********************************************/
var vmin=1;
var vmax=5;
var vr=2;
var timer1;
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}
function Chip(chipname,width,height){
this.named=chipname;
this.vx=vmin+vmax*Math.random();
this.vy=vmin+vmax*Math.random();
this.w=width+20;
this.h=height;
this.xx=0;
this.yy=0;
this.timer1=null;}
function movechip(chipname){
if (document.getElementById){
eval("chip="+chipname);
if (window.innerWidth || window.opera){
pageX=window.pageXOffset;
pageW=window.innerWidth-40;
pageY=window.pageYOffset;
pageH=window.innerHeight-20;}
chip.xx=chip.xx+chip.vx;
chip.yy=chip.yy+chip.vy;
chip.vx+=vr*(Math.random()-0.5);
chip.vy+=vr*(Math.random()-0.5);
if(chip.vx>(vmax+vmin)) chip.vx=(vmax+vmin)*2-chip.vx;
if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx;
if(chip.vy>(vmax+vmin)) chip.vy=(vmax+vmin)*2-chip.vy;
if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy;
if(chip.xx<=pageX){
chip.xx=pageX;
chip.vx=vmin+vmax*Math.random();}
if(chip.xx>=pageX+pageW-chip.w){
chip.xx=pageX+pageW-chip.w;
chip.vx=-vmin-vmax*Math.random();}
if(chip.yy<=pageY)
{chip.yy=pageY;
chip.vy=vmin+vmax*Math.random();}
if(chip.yy>=pageY+pageH-chip.h)
{chip.yy=pageY+pageH-chip.h;
chip.vy=-vmin-vmax*Math.random();}
document.getElementById(chip.named).style.left=chip.xx+"px";
document.getElementById(chip.named).style.top=chip.yy+"px";
chip.timer1=setTimeout("movechip('"+chip.named+"')",100);}}
function pagestart(){
CalabazaVolando=new Chip("CalabazaVolando",147,168);
movechip("CalabazaVolando");}
if (window.addEventListener)
window.addEventListener("load", pagestart, false)
else if (window.attachEvent)
window.attachEvent("onload", pagestart)
else if (document.getElementById)
window.onload=pagestart
//]]>
</script>

Ahora antes de </body> pega lo siguiente:

<!--Calabaza volando -->
<div id='CalabazaVolando' style='position:absolute; z-index:80; left: -500px;'>
<img border='0' src='http://www.miltrucosblogger.com/wp-content/uploads/2014/10/calabaza-flotando-blogger.gif'/></div>
<!-- Calabaza volando -->

Ahora solo queda guardar los cambios y disfrutar de este genial truco para blogger.

Espero que te haya gustado el truco que hemos publicado el día de hoy y no te olvides de compartir este articulo en tus redes sociales.

0
Shares

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *