Delicious LinkedIn Facebook Twitter RSS Feed

Cupido volando por tu blog.

De los scripts que hay para poder poner unos "cupidos volando por el blog",este es el mas sencillo de poner,ya que no es necesario añadir nada a plantilla,tan solo hay que agregarlo a elementos HTML/Javascript,El script es similar al de Flying Butterfly,que nos ofrece LadyLony.Podemos elegir "el cupido" que queremos mostrar modificando la url de la imagen.
Flying Cupids .
Flying Cupids 2.












*Otra opción,(según el navegador),es añadir a la plantilla del Blog 2 códigos:
1ºVamos a Diseño,Edición de HTML,y pulsamos sobre el teclado "Control+F" lo que servira para buscar: </head> y antes pega esto:
<script type='text/javascript'>
//<![CDATA[
/***********************************************
* Cupido volando por el blog
* Script original de Virtual_Max
* Adaptado por ayudablognovato.blogspot.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>

2ºAhora con el mismo metodo de búsqueda,en el mismo recuadro de búsqueda que abrimos con "Control+F",buscamos en la parte final de la plantilla: </body> y justo antes agrega este código:
<!-- Cupido volando -->
<
div id='CupidoVolando' style='position:absolute; z-index:80; left: -500px;'>
<
img border='0' src='http://lh4.googleusercontent.com/-QtgVSmiCPQU/TycKKNyYYMI/AAAAAAAACIw/En7KHmcuh1Q/s107/Cupido01.gif'/></div>
<!-- Cupido volando -->

*Una vez puestos esos dos códigos,"damos a vista previa,para ver que funcione bien,y guardamos.

*La imagen "url" se puede sustituir por otro cupido diferente.

0 comments:

Post a Comment