Cómo instalar títulos en la sidebar con fondos aleatorios

¡ Artículo publicado en el blog El Balcón de Jaime, que pese a ser un blog terminado, es uno de los mejores en truvos blogger. ! Ve la entrada en su blog original.

Pués como dice el título, con este truco vas a conseguir que el fondo de los títulos de la sidebar (títulos de los gadgets) sea aleatorio, con la posibilidad de elegir varias imágenes de fondo.

Para insertar el truco en tu blog realiza los siguientes pasos:

Diseño>Edición de HTML>expandimos artilugios

1) Busca el siguiente bloque (si no aparece en la plantilla, ve directamente al paso 2):

.sidebar h2{
background: #ffffff url(DIRECCION FONDO) no-repeat top left;
text-align: center;
padding-top:15px;
}

Ten en cuenta que no debe ser igual a este, pero debe contener la línea que comienza por background.

Borra esta línea:

background: #ffffff url(DIRECCION FONDO) no-repeat top left;

2) Ahora busca la etiqueta </head> y encima pega este script:

<script type='text/javascript'>
//<![CDATA[
var banner= new Array()
banner[0]="FONDO 1"
banner[1]="FONDO 2"
banner[2]="FONDO 3"
var random=Math.floor(3*Math.random());
document.write("<style type='text/css'>");
document.write(".sidebar h2 {");
document.write(' background: url("' + banner[random] + '") no-repeat;');
document.write("}");
document.write("<\/style>");
//]]>
</script>

Sustituye FONDO X por la dirección de la imagen de fondo que llevará el título del gadget.

Ten en cuenta que en cada espacio (FONDO 1, FONDO 2, FONDO 3) debes incluir una dirección diferente, de manera que la imagen cambie automáticamente al actualizar el blog.

Si deseas agregar más imágenes de fondo, agrega líneas como esta, cambiando las cifras:

banner[3]="FONDO 4"
banner[4]="FONDO 5"

Por el contrario, si lo que deseas es tener simplemente dos fondos aleatorios, elimina esto:

banner[2]="FONDO 3"

Al agregar o borrar líneas para incluir imágenes de fondo, cambia el valor 3 de esta parte del script por el número de líneas que tengas en total:

var random=Math.floor(3*Math.random());

Por último Guarda la plantilla:




Si tienes problemas para realizar este truco, no olvides escribir un comentario para consultarme.

Algunas plantillas tienen nombres diferentes y sólo será necesario localizar dicho nombre para que el truco funcione a la perfección.