Pues ya empieza el mes del amor para algunos, digo para algunos porque para mí todos los meses son del amor... ¡puaf¡ qué cursi estuvo eso.
Bueno, el día de San Valentín, día de los enamorados, día del amor y la amistad, o como le quieran llamar, está próximo, así que una buena manera de decorar el blog en el mes del amor, es poner a volar a Cupido en el blog, con suerte y flecha a alguno de sus lectores o lectoras.
¿Que cómo se ve? En este blog de pruebas puedes ver a este pequeño personaje rondando por la página.
El script funciona en todos los navegadores menos en Internet Explorer (para variar), así que los usuarios de ese navegador no podrán verlo.
Para poner este Cupido volando por el blog entra en la Edición HTML de tu plantilla, y antes de </head> pega este script.
Luego, antes de </body> agrega este código.
<script type='text/javascript'>
//<![CDATA[
/***********************************************
* Cupido volando por el blog
* Script original de Virtual_Max
* Adaptado por ciudadblogger.com
***********************************************/
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(){
CupidoVolando=new Chip("CupidoVolando",147,168);
movechip("CupidoVolando");}
if (window.addEventListener)
window.addEventListener("load", pagestart, false)
else if (window.attachEvent)
window.attachEvent("onload", pagestart)
else if (document.getElementById)
window.onload=pagestart
//]]>
</script>
<!-- Cupido volando -->En donde se indica pon la URL de la imagen del Cupido que más te guste. Aquí hay seis imágenes de dónde escoger.
<div id='CupidoVolando' style='position:absolute; z-index:80; left: -500px;'>
<img border='0' src='URL de la imagen'/></div>
<!-- Cupido volando -->
Habiendo puesto la URL de la imagen guarda los cambios y listo, tendrás el blog listo para recibir el día de San Valentín.
