Tres imágenes que se mueven libremente por el blog

Basándome en el script que utilizamos para incluir la calabaza de libre movimiento en el blog he querido implementar la novedad de poder añadir una segunda o una tercera imagen realista, que se mueve por la pantalla sin un rumbo alguno.

Podrás personalizar las imágenes a tu gusto e incluso poner solo una en lugar de tres. Sin duda, este script atraerá a muchos lectores ya que es curioso ver como un elemento se mueve por todo el blog, incrementando o disminuyendo su velocidad según 'le apetece'.

Diseño>Edición de HTML>expandimos artilugios

Busca la etiqueta </head> y justo encima añade lo siguiente:

<script src='https://sites.google.com/site/scriptsbalcon/b/blbimagsmueve.js' type='text/javascript'/>
<script type='text/javascript'> var blelementoa, blelementob, blelementoc
function pagestart(){ blelementoa=new blbj1("blelementoa",70,82);
blelementob=new blbj1("blelementob",50,60);
blelementoc=new blbj1("blelementoc",30,40);
blcnJJmov3("blelementoa");
blcnJJmov3("blelementob");
blcnJJmov3("blelementoc");
} if (window.addEventListener)
window.addEventListener("load", pagestart, false)
else if (window.attachEvent)
window.attachEvent("onload", pagestart)
else if (document.getElementByid)
window.onload=pagestart </script>

Guarda la plantilla.

Diseño>añadir gadget (elemento de página)>html-javascript

Pega este código en su interior:

<div id="blelementoa" style="position:absolute; left: -500px; width:70; height:70;">
<a href="URL PAGINA 1"><img src="URL IMAGEN 1" border="0" /></a></div>
<div id="blelementob" style="position:absolute; left: -500px; width:70; height:70;">
<a href="URL PAGINA 2"><img src="URL IMAGEN 2" border="0" /></a></div>
<div id="blelementoc" style="position:absolute; left: -500px; width:70; height:70;">
<a href="URL PAGINA 3"><img src="URL IMAGEN 3" border="0" /></a></div>

Reemplaza URL IMAGEN 1, URL IMAGEN 2 y URL IMAGEN 3 por la dirección de cada imagen o icono. En caso de no querer mostrar tres, edita la frase URL IMAGEN X y añade una almohadilla (#).

Puedes incluir también la dirección de tres sitios web, de manera que las imágenes, además de moverse, actúen como botones de enlace. Sustituye URL PAGINA X por la dirección de la entrada, del blog o de la página web. Así mismo, si prefieres no implementar direcciones borra la frase URL PAGINA y añade una almohadilla (#) tal y como harías en el paso anterior.

Si deseas personalizar el alto y el ancho de cada imagen, aumenta o disminuye la cifra 70 en las líneas width:70; height:70; -respectivamente-.

Guarda el gadget para terminar.