Como hacer un Banner con imágenes - Truco JavaScript


Código para construir un Banner - Sustituir lo resaltado con color -:
Nota: para agregarlo a tu blog en blogger, solo debes crear un "gadget html -JavaScript", introducir el código y guardar.

<-- Inicio del Código -->
<SCRIPT LANGUAGE="JavaScript">
var cuantos_banners = Numero_de_banners;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % cuantos_banners;
ad +=1;
if (ad==1) {
txt="nombre_del_banner_1";
url="enlace";
alt="nombre_del_banner_1";
banner="url_de_la_imágen";
width="ancho_de_la_imágen";
height="alto__de_la_imágen";
}
if (ad==2) {
txt="nombre_del_banner_2";
url="enlace";
alt="nombre_del_banner_2";
banner="url_de_la_imágen";
width="ancho_de_la_imágen";
height="alto__de_la_imágen";
}
if (ad==3) {
txt="nombre_del_banner_3";
url="enlace";
alt="nombre_del_banner_3";
banner="url_de_la_imágen";
width="ancho_de_la_imágen";
height="alto__de_la_imágen";
}
document.write('<center>');
document.write('<a href="' + url + '" target="_top">');
document.write('<img src="' + banner + '" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt="' + alt + '" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
</SCRIPT>
<-- Final del Código -->

Si queremos colocar más banners tenemos que editar lo siguiente:
var cuantos_banners = Numero_de_banners;

y debemos agregar despés de "}":
if (ad==Nuemero del banner) {
txt="nombre_del_banner_3";
url="enlace";
alt="nombre_del_banner_3";
banner="url_de_la_imágen";
width="ancho_de_la_imágen";
height="alto__de_la_imágen";
}







Mostrar Palabras Claves de esta Entrada
banner, contruccion de banner , con imagenes, con texto, banner en blogger, codigos html, javascript, trucos blog, editar blog, banner en cabecera, blogger, banner , editar, trucos html, banner facil de hacer, :-)

3 Comentarios:

Ushuaia 24 Noticias dijo...

:-)

daveco489 dijo...

GRACIAS POR TU AYUDA, ME ES MUY INTERESANTE Y ESPERO PODER APRENDER ALGUNOS TRUCOS.....FELICITACIONES

Quetalestás dijo...

El tutorial, estupendo. El audio que salta sin mi permiso al abrir la página, un molesto error.

Gracias por el tuto.

Publicar un comentario

Blog Archivador Contenido 100% Gratuito a tu alcance. Comentar es agradecer.

:-) :-S :-G :-[ :-D }:-] X* ;-D :-| :-P :*) :-( ;-) XD