El resultado del truco lo puedes ver este blog de pruebas.
Para añadir este truco ve a la Edicion HTML de tu blog y antes de </head> pega el siguiente script.
<script type='text/javascript'>
//<![CDATA[
/***********************************************
* Corazón volando por el blog
* Script original de Virtual_Max
* 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(){
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>
Ahora antes de </body> pega lo siguiente:
<!--Corazón volando -->
<div id='CupidoVolando' style='position:absolute; z-index:80; left: -500px;'>
<img border='0' src='http://1.bp.blogspot.com/-2e6S1ZRCqOE/TygAe0HBeUI/AAAAAAAAAuE/1iaxVfgBgQw/s1600/corazon-con-alas.gif'/></div>
<!-- Corazón volando -->
Si quieres mas corazones en esta pagina los puedes hallar.
El truco funciona con todos los navegadores a excepcion de Internet Explorer (Como siempre).
5 comentarios
Felipe · febrero 1, 2012 a las 7:17 pm
Muy buen tutorial justo para el dia de san valentin,seguro que me animare a usarlo.
iRe - Amor · febrero 6, 2012 a las 3:38 pm
Muchas gracias por el truco, lo usaré en uno de mis sitios en Blogger 😀
Juvinao · febrero 6, 2012 a las 4:16 pm
iRe – Amor gracias a ti por comentar,la verdad me alegra mucho que lo vayas a usar.
modaylegante.blogspot · octubre 23, 2012 a las 4:31 pm
Lo unico que puedo decir es que sos un genio…te felicito por tu sitio.
Juvinao · octubre 23, 2012 a las 4:46 pm
Gracias por tu comentario, me sonrojas 😳