-->
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
Insertar Infolinks en Blogger # - Insertar Infolinks en Blogger
Sección de banners en cada entrada en Blogger # - Sección de banners en cada entrada en Blogger
Habilitar los nuevos comentarios de Google+ en plantillas modificadas de Blogger # - Habilitar los nuevos comentarios de Google+ en plantillas modificadas de Blogger
Estructura básica de una plantilla HTML5 # - Estructura básica de una plantilla HTML5
Mejora la caja de comentarios en Blogger con Disqus # - Mejora la caja de comentarios en Blogger con Disqus