viernes, 3 de septiembre de 2010

Imagen de fondo aleatoria en el blog


En esta entrada veremos la forma de añadir varias imágenes de fondo al blog y que aparezcan de forma aleatoria cada vez que el sitio web se actualice o se navegue entre su contenido.


Los pasos:
 Diseño>Edición de HTML>expandimos artilugios








Busca la etiqueta </head> e inserta este script justo encima:

<script type='text/javascript'>
var blimgaleat= new Array()
blimgaleat[0]=&quot;URL DE LA IMAGEN 1&quot;
blimgaleat[1]=&quot;URL DE LA IMAGEN 2&quot;
blimgaleat[2]=&quot;URL DE LA IMAGEN 3&quot;
blimgaleat[3]=&quot;URL DE LA IMAGEN 4&quot;

var random=Math.floor(Math.random()* (blimgaleat.length));
document.write(&quot;<style>&quot;);
document.write(&quot;body {&quot;);
document.write(&#39; background:url(&quot;&#39; + blimgaleat[random] + &#39;&quot;) repeat center;&#39;);
document.write(&quot; }&quot;);
document.write(&quot;</style>&quot;);
</script>

Reemplaza URL DE LA IMAGEN por la dirección de las imágenes de fondo. En el código he insertado un total de cuatro líneas que mostrarán cuatro fondos distintos de manera aleatoria.

Si te fijas, la primera línea tiene el valor 0 en el atributo blimgaleat[0] pero en realidad es la primera imagen.

Para añadir más imágenes bastará con insertar líneas como esta:

blimgaleat[4]=&quot;URL DE LA IMAGEN 5&quot;

Y sustituir las cifras numéricas por las correspondientes.

Guarda la plantilla para terminar...

Importante en trucos para blogger :
COMO SUBIR VIDEOS A BLOGGER Y A YOUTUBE
Como Reempazar el texto "Etiquetas" por una imagen o icono
POST DUPLICADOS EN BLOGGER - SOLUCION

1 comentarios:

Anónimo dijo...

Hola, el codigo me funciona perfectamente si lo incluyo en el fichero html de cada pagina, lo que quiero es poner ese codigo en una fichero diferente y asociarlo a las paginas. Asi cuando ponga un fondo nuevo no tendria que editar todas las paginas.

¿Como se asocia ese codigo javascript a una pagina html?

Publicar un comentario

DIRECTORIOS

http://www.trucosblogs.com/post
4.57/5 – 42 opiniones
http://www.fabricaturopa.com/post 4.57/5 – 42 opiniones