Imagen de fondo aleatoria en el blog

  • septiembre 3, 2010

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

No Comments Found