Fondo al azar en Blogger

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.



Artículo aleatorio
BuySellAds
BuySellAds
BuySellAds
BuySellAds
BuySellAds
Artículos destacados
Marca de agua en las imágenes con CSS # - Marca de agua en las imágenes con CSS
Botones para subir y bajar en Blogger # - Botones para subir y bajar en Blogger
Insertar una página externa en una entrada en Blogger # - Insertar una página externa en una entrada en Blogger
Efecto de desenfoque con CSS # - Efecto de desenfoque con CSS
Ocultar entradas con determinada etiqueta en el inicio de Blogger # - Ocultar entradas con determinada etiqueta en el inicio de Blogger