4 Feb
Imagen de cabecera aleatoria
Desde el blog de Zona de pruebas les traemos este exelente script que permite tener varias cabeceras al mismo tiempo, siendo éstas, aleatorias.
Ahora les voy a explicar como hacerlo, claro ustedes ya deben tener las imagenes listas, con 3 o 4 seria suficiente.
1- Buscar y borrar el siguiente codigo (ya no se mostrara el titulo en la cabecera)
<b:widget id=’Header1′ locked=’true’ title=’Titulo del Blog (cabecera)’ type=’Header’/>
2- Ahora tienes que ir al diseño de tu blog y agregar un nuevo elemento HTML/JavaScript
<!– CODIGO DEL SCRIPT DE IMAGEN ALEATORIA –>
<script language=”javascript” type=”text/javascript”>
function randRange(lowVal,highVal) {
return Math.floor(Math.random()*(highVal-lowVal+1))+lowVal;
}
</script>
<!– FIN DEL SCRIPT DE IMAGEN ALEATORIA –>
3- Guardamos los cambios y agregamos nuevamente un elemento HTML/JavaScript con este codigo, debe estar justo debajo del anterior.
<!– PARTE II: SCRIPT IMAGEN ALEATORIA –>
<script language=”javascript” type=”text/javascript”>
var randHdr = randRange(1,3);
if (randHdr == 1) {
document.write(’<img src=”URL IMAGEN 1“>’)
} else if (randHdr == 2) {
document.write(’<img src=”URL IMAGEN 2“>’)
} else if (randHdr == 3) {
document.write(’<img src=”URL IMAGEN 3“>’)
}
</script>
<!– PARTE II: FIN DE SCRIPT PARA IMAGEN ALEATORIA –>
4- Y listo, debes subir tus imagenes y colocar las url donde dice “Url de imagen”. Ahora si quieres colocar mas cabecera solo copia la linea cambiandole el valor randhdr por el numero de imagen.
Nuevamente agradecemos a Zona de pruebas por tan exelente scrip!!
Categoría/s: 
Tags: 
06/02/2008 - 21:27
Donde debo buscar para colocar la imagen????? HELPPPPPPPP ahora que hice todo no se como subir la imagen,o sea donde!!!
07/02/2008 - 0:27
subilas en blogger o en imageshack.us copia la url y ponlas donde dice en el codigo
12/02/2008 - 18:32
si no sabes donde ubicar una imagen…¿como pretendes poner una cabecera aleatoria? ¿Porqué intentas competir en las olimpiadas sin saber a penas gatear?…
gracias por el código html.
26/02/2008 - 0:12
, yo realmente tampoco se como pero te diria si supiera jeje.
09/04/2008 - 0:22
Hola t cuento que hice todo esto por lo que me quedo el primer html/script con esto:
function randRange(lowVal,highVal) {return Math.floor(Math.random()*(highVal-lowVal+1))+lowVal;}
y el segundo me quedo asi:
var randHdr = randRange(1,3);if (randHdr == 1) {document.write(”)} else if (randHdr == 2) {document.write(”)} else if (randHdr == 3) {document.write(”)}
Este es mi blog http://www.programmingpc.blogspot.com
Fijate que no me anda porque sera?
saludos javierl93
09/04/2008 - 16:08
Hola, la verdad que no se por que pasa eso, tendria que funcionar normalmente. Fijate si algun otro codigo o widget interfiere o puede crear problemas, intentalo de nuevo con una plantilla totalmente vacia haber que pasa y me avisas…dale??
Saludos
09/04/2008 - 19:24
ok las imagenes tiene que terminar .jpg o html garcas por responder yo las puse .jpg
salkudos
09/04/2008 - 20:01
probe en este boog pero tampoco anda:
http://infanciayadolescenciamisionera.blogspot.com/
10/04/2008 - 21:52
Mira, he corregido el post y comprobado que los codigos esten bien, prueba nuevamente que tiene que funcionar, si no es por que algun paso estas haciendo mal.
Como ultima opcion te paso el post original en “Zona de pruebas”
http://karalletest.blogspot.com/2007/02/imgenes-aleatorias-en-la-cabecera.html
Cualquier cosa me avisas..
Suerte
11/04/2008 - 3:44
ok probare denuevo garcias por tu atencion saludos!