Mil Trucos Blogger

Corazón volando por el blog

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado
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).

0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

5 Comentarios

  1. Felipe Felipe
    febrero 1, 2012    

    Muy buen tutorial justo para el dia de san valentin,seguro que me animare a usarlo.

  2. febrero 6, 2012    

    Muchas gracias por el truco, lo usaré en uno de mis sitios en Blogger 😀

    • febrero 6, 2012    

      iRe – Amor gracias a ti por comentar,la verdad me alegra mucho que lo vayas a usar.

  3. octubre 23, 2012    

    Lo unico que puedo decir es que sos un genio…te felicito por tu sitio.

    • octubre 23, 2012    

      Gracias por tu comentario, me sonrojas 😳

Deja un comentario

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

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo