Distintas imágenes en cabecera, cambiando aleatoriamente

Consiste en una imagen distinta cada vez que entramos al blog.

» Ir a diseño de la plantilla. Después clic en Edición de HTML (no Expandir plantillas de artilugios) y agregas el siguiente código después de <body>.

<script type=”text/javascript”>

var banner= new Array()

banner[0]=”http://aqui-la-dirección-de-la-imagen”
banner[1]=”http://aqui-la-dirección-de-la-imagen”
banner[2]=”http://aqui-la-dirección-de-la-imagen”
banner[3]=”http://aqui-la-dirección-de-la-imagen”
banner[4]=”http://aqui-la-dirección-de-la-imagen”
var random=Math.round(4*Math.random());

document.write(“<style>”);
document.write(“#header {“);
document.write(‘ background:url(“‘ + banner[random] + ‘”) no-repeat left TOP;’);
document.write(” }”);
document.write(“</style>”);

</script>

- En banner [0], [1], [2], [3], [4] tendrás que agregar la dirección de tu imagen, el cual debe tener un ancho de 660px (pixeles) y un alto de 130px aproximadamente. En todo caso, buscas en la plantilla que estas utilizando, el ancho de la cabecera (header).
Por otro lado, si deseas que más imágenes cambien le agregas más líneas o en caso contrario le quitas.

banner[0]=”http://aqui-la-dirección-de-la-imagen”

- En donde dice: left (izquierdo), le puedes cambiar por center (centro) o right (derecho).

- Prácticamente esto resulta mucho mas fácil con las plantillas Minima, Denim, Scribe y Tic Tac. Con las demás también, pero se tiene que hacer ciertas modificaciones en la cabecera.

- Para que veas el resultado en tu blog presiona F5 de tu teclado y veras que aparecen distintas imágenes en la cabecera.

- Finalmente, si deseas que te ayude mas con las plantillas que se tiene que hacer ciertas modificaciones, me dejas un comentario mencionándome que plantilla usas.

Informacion obtenida de Ayuda para el blog

Escribe un comentario