jueves, 8 de septiembre de 2011

Fondo al azar en Blogger

En esta oportunidad les mostraré una sencilla fórmula de usar un fondo al azar en Blogger mediante un sencillo script.

Para ello he creado 3 script similares los cuales permiten trabajar con imágenes, colores hexadecimales o RGB según la necesidad de cada uno.


El tutorial:

Para imágenes de fondo al azar:

Presiona en el botón para ver el resultado:




Recuerda que el efecto es automático, el botón es para comprobar la efectividad del script.

En ''Diseño | Edición HTML'', deberás buscar el siguiente código:
</head>

Arriba de este pega el siguiente script:
<script type='text/javascript'>
/*Creado por Ayuda Bloggers - Imágenes de fondo*/
onload = function() {
fondoimagen = new Array("imagen1", "imagen2", "imagen3", "imagen4" , "imagen5");
rand = Math.floor(Math.random()*fondoimagen.length);
imagen = fondoimagen[rand];
document.body.style.background = "url("+imagen+") fixed";
}
</script>
Reemplaza los valores con color  por las direcciones de las imágenes en cuestión, luego guarda los cambios y listo.

Para colores de fondo al azar:

Presiona en el botón para ver el resultado:




En ''Diseño | Edición HTML'', deberás buscar el siguiente código:
</head>
Arriba de este pega alguno de los siguientes scripts:

Para colores en formato hexadecimal:
<script type='text/javascript'>
/*Creado por Ayuda Bloggers - Colores en HEX*/
onload = function() {
fondocolor = new Array("33CC00", "663366", "CC0000", "FF6600" , "CC9900");
rand = Math.floor(Math.random()*fondocolor.length);
color = fondocolor[rand];
document.body.style.background = "#"+color+" ";
}
</script>
Para colores en formato RGB:

<script type='text/javascript'>
/*Creado por Ayuda Bloggers - Colores RGB*/
onload = function() {
fondorgb = new Array("204,153,0", "255,153,0", "0,102,255", "55,255,255" , "153,0,255");
rand = Math.floor(Math.random()*fondorgb.length);
rgb = fondorgb[rand];
document.body.style.background = "rgb("+rgb+")";
}
</script>


Al igual que en primer código de las imágenes, deberás reemplazar los valores destacados. Posteriormente guardas los cambios y listo.



No hay comentarios:

Publicar un comentario