Tomado de: CiudadBlogger
Hoy es San Valentín. Y ya que andamos con la pasión en las venas por qué no adornamos el blog con unos corazones flotando por la página y que cada uno tenga un enlace a una red social o al feed del sitio, digo, para que además de vagar por la página tengan una utilidad.
Puedes ver estos corazones en este blog de pruebas.
Para agregarlos entra en Diseño | Edición de HTML y antes de </head> agrega esto:
<script type='text/javascript'>//<![CDATA[/************************************************ Floating image script- By Virtual_Max* Modified by Dynamic Drive for various improvements***********************************************/var vmin=2;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;}else if (document.body){pageX=iecompattest().scrollLeft;pageW=iecompattest().offsetWidth-40;pageY=iecompattest().scrollTop;pageH=iecompattest().offsetHeight-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(){//Aquí le agregamos los IDs a las imágenescorazon1=new Chip("corazon1",47,68);corazon2=new Chip("corazon2",47,68);corazon3=new Chip("corazon3",47,68);corazon4=new Chip("corazon4",47,68);//Aquí indicamos cuántas imágenes hay programadasmovechip("corazon1");movechip("corazon2");movechip("corazon3");movechip("corazon4");}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 pega después de <body> lo siguiente:
<!-- Corazones flotando por la página --><div id='corazon1' style='position:absolute; z-index:80; left: -500px; width:47; height:68;'><a href='http://facebook.com/usuario'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwBHfNmscsvb5YDMumAbf_qglv9oPereDkYEn2tmRZYxPEU2r7rvHEXUIX2r-gdFFh0wULVN4wXeetiowv2DTcV5vxt1SYyt5twQC2a8repP_cIaeb93vNx4QtXTl_ZspNRysGaocXqaQ/'/></a></div><div id='corazon2' style='position:absolute; z-index:81; left: -500px; width:47; height:68;'><a href='http://twitter.com/usuario'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvH4Bl0-EXFB1vKoz5aVV6ia-6lE48pWu1gQUXETEd6H0zkpprW-blvSFgBh0oxVOgVJtqqWW4hvBJEZFJjIP8SiLXGK7TiDMG5uOPOWbK0m6IczR2tJj5tmKXfYmridXlZzwlyJkbOWI/'/></a></div><div id='corazon3' style='position:absolute; z-index:82; left: -500px; width:47; height:68;'><a href='http://tublog.blogspot.com/atom.xml'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYNeEQ2y_sD007opleNNdA_CrEVwcQOvYLzBko4sZv_eDt6KDvnS4TpugZ4HGiPZl99dstBjFqGuGtX-he_lnWICSoj5wLH7tBulPZ2iV3CBtGrYiUW1pkYqbkZsl1NTYnK4JeoG4gQpY/'/></a></div><div id='corazon4' style='position:absolute; z-index:83; left: -500px; width:47; height:68;'><a href='URL de cualquier enlace'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTxYnc2duRqjjDJTek2RlEJnTUbijZiVHY1uS7cGMEDqCERv9gCL9xqnua6_FYCGTXH3_12ZNkIqP538S55A6iPwazPdU87kHM4RW7q-CgEulr2GEQE6zMeynlnFu2buEljZhDj2xgQMY/'/></a></div><!-- Fin de Corazones flotando por la página -->
Si usas una plantilla hecha con el Diseñador de plantillas de Blogger entonces el código anterior deberás pegarlo después de esta línea:
<body expr:class='"loading" + data:blog.mobileClass'>
Ya sólo agrega los nombres de usuario de Facebook y Twitter donde se indica en color rojo así como el nombre de tu blog y el enlace a algún sitio que quieras.
Si deseas añadir más corazones o imágenes busca esta parte del código y agrega las líneas en color verde como se indica:
//Aquí le agregamos los IDs a las imágenescorazon1=new Chip("corazon1",47,68);corazon2=new Chip("corazon2",47,68);corazon3=new Chip("corazon3",47,68);corazon4=new Chip("corazon4",47,68);corazon5=new Chip("corazon5",47,68);corazon6=new Chip("corazon6",47,68);corazon7=new Chip("corazon7",47,68);//Aquí indicamos cuántas imágenes hay programadasmovechip("corazon1");movechip("corazon2");movechip("corazon3");movechip("corazon4");movechip("corazon5");movechip("corazon6");movechip("corazon7");
Si te fijas en todas las líneas se han cambiado los números de manera consecutiva, por lo que si agregas más líneas también deberán seguir números consecutivos.
Y luego, en la otra parte del código se agregarían los códigos de las imágenes también tomando en cuenta el ID con en número consecutivo:
<div id='corazon5' style='position:absolute; z-index:83; left: -500px; width:47; height:68;'><a href='URL del enlace'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTxYnc2duRqjjDJTek2RlEJnTUbijZiVHY1uS7cGMEDqCERv9gCL9xqnua6_FYCGTXH3_12ZNkIqP538S55A6iPwazPdU87kHM4RW7q-CgEulr2GEQE6zMeynlnFu2buEljZhDj2xgQMY/'/></a></div>
Seguramente nos hartaremos en poco tiempo de estos corazones, pero al menos durante el día de los enamorados quedará ad hoc en el blog y los que somos más melosos lo dejaremos por más rato, ¡Vive l'amour!
NOTA: En Internet Explorer no funciona.
NOTA2: (From S.I) Apelo a su creatividad...pruebe a cambiar los corazones por otras imágenes,cambie la temática (;
