Ya casi empieza el mes de febrero,el mes del amor y la amistad y como hay mucho bloguero enamorado que mejor forma de expresarlo que decorando el blog para la ocasion.

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).

Categorías: Festividades

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 😳

Deja una respuesta

Marcador de posición del avatar

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