Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

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.

imagen movimiento blogger, ayuda blogger imagen, post blogger, post-footer blogger, pie del blog blogger, sidebar blogger

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

trucos ayuda blogger



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.

Gorimai dice...

Muy muy muy bueno Jaime! En mi caso solo puse dos imágenes y funciona estupendamente. Gracias por cosas como esta que nos ayudan a conseguir el blog de nuestros sueños jajaja.

Un cordial saludo.

Asun dice...

¡Gracias! Ahora tengo a mis tres duendecitos por la pantalla, a mis visitantes les ha gustado mucho y bueno, te he recomendado (espero que no te importe).

Jaime Trujillo Escobedo dice...

Gracias Gorimai. Estoy seguro de que obtuviste un buen resultado con las imágenes. Será un gusto recibir la dirección de tu blog para compartir contigo la novedad.

Jaime Trujillo Escobedo dice...

Asun, este script nos facilita la decoración navideña del blog ¿No crees?

¿Cómo iba a importarme? Mil gracias por recomendarme.

Missis dice...

Hola.Yo lo intente pero no se mueve :(.Se queda detenidoen un mismo lugar.

Jaime Trujillo Escobedo dice...

Missis, deja un comentario con la dirección de tu blog para que pueda determinar el error.

Dali~♥ dice...

en mic aso salen los monitos moviendode pero salen por detras de la plantilla, no por delante como esperaba q se vieran, ayuda please!

Jaime Trujillo Escobedo dice...

Kitty Blair♥, aunque no he podido comprobar el truco en tu blog (parece que no se encuentra instalado) debería comentarte que el script puede presentar problemas si se utiliza en plantillas excesivamente modificadas o en los nuevos diseños que ofrece blogger.

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo