domingo, 3 de junio de 2007

"Banner q cambia con cada visita"

"Banner q cambia con cada visita"

Este truco o hack, implementa un Script en el que el banner o header de nuestro blog, cambiará o variará a medida que entren al blog o lo actualizen. Esto dará un aspecto creativo y "renovado".


Para eso nos dirigimos a Plantilla o Diseño --> Edición HTML --> Expandir Plantilla de Artilugios y apretamos "CTRL + F" (esto es para buscar alguna palabra o frase, en vez de estar buscando) y ponemos una frase o palabra de la siguiente parte del código.

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='El título de nuestro blog(Header)' type='Header'/>
</b:section>
</div>

Una vez localizado , seleccionamos y eliminamos esa parte, guardamos cambios y confirmamos que queremos eliminar el artilugio.

Luego nos vamos a "Elementos de Páginas", seleccionamos "Añadir elemento " y seleccionamos la opción "HTML/JAVASCRIPT" y añadimos lo siguiente a la altura de título ya eliminado

<script type="text/javascript">
var banner = new Array();

banner[banner.length] = "http://nuestraimagen.jpg";
banner[banner.length] = "http://nuestraimagen.jpg";
banner[banner.length] = "http://nuestraimagen.jpg";
banner[banner.length] = "http://nuestraimagen.jpg";
banner[banner.length] = "http://nuestraimagen.jpg";

var random = Math.round(banner.length*Math.random());
document.write('<img style="border: 0;" src="' + banner[random] + '">');
</script>

Nota: Recuerda que puedes poner las imagenes que quieras que se actualizen con cada visita cuantas veces quieras, unicamente repite el código " banner[banner.length] = "http://nuestraimagen.jpg"; " debajo del anterior.

Espero q les sirva este hack.

No olviden dejar sus comentarios


Escucha este escrito

1 Persona alfin dijo:

duende skateboards comento sobre este post...

buena brother

Calendario de posts

Cargando...

 
ir arriba