-->
Como crear un banner aleatorio o rotativo eficaz

Como crear un banner aleatorio o rotativo eficaz



banner-aleatorio-o-rotativo-eficaz


Hace unos días atrás compartí el como crear un formulario de suscripción en forma de ventana emergente o pop-up y que sirve mucho para incrementar nuestra lista de suscritores.


En esta ocasión te presento la forma eficaz de crear banners rotativos en HTML y que sirve para ser empleado en cualquier web.

Este banner aleatorio también sirve para blogger y se lo inserta sin editar el HTML de la plantilla, simplemente se añade en un gadget y listo.


Códigos HTML 100% Optimizados

Suscríbete y recibe directamente en tu email, los mejores códigos HTML que necesitas para editar tu página web.








He leído y estoy de acuerdo con la Política de Privacidad


Código para poner un banner rotativo o slider en un sitio web:


<!-- Banner aleatorio eficaz --> 
<script language="JavaScript"> 
var quotes=new Array() 
quotes[0]='<a href="URL-DEL-SITIO"><img alt="NOMBRE-DEL-BANNER" src="URL-DE-IMAGEN-BANNER-1"/></a>' 
quotes[1]='<a href="URL-DEL-SITIO"><img alt="NOMBRE-DEL-BANNER" src="URL-DE-IMAGEN-BANNER-2"/></a>' 
quotes[2]='<a href="URL-DEL-SITIO"><img alt="NOMBRE-DEL-BANNER" src="URL-DE-IMAGEN-BANNER-3"/></a>' 
var whichquote=Math.floor(Math.random()*(quotes.length)) document.write(quotes[whichquote]) 
</script> 
<!-- Fin Banner aleatorio eficaz -->

Si necesitas colocar mas de 3 banner en tu sitio web, solo debes adicionar el fragmento de código donde van las imagenes, pero continuando con la numeración de las quotes [ x ]. Para este caso seria el siguiente:



quotes[3]='<a href="URL-DEL-SITIO"><img alt="NOMBRE-DEL-BANNER" src="URL-DE-IMAGEN-BANNER-4"/></a>'


Este fragmento de código sirve para colocar un banner rotativo eficaz o llamado también slider en cualquier sitio web. 
Recuerda que para implementar este banner aleatorio en blogs desarrollados con la tecnología de blogger debes crear un gadgets de formato HTML e insertar todo el código, cambiando únicamente NOMBRE-DEL-BANNER y URL-DE-IMAGEN-BANNER por los datos de tu sitio web.  
Derechos: Fuente e Imagen



Publicado por: Vicente Espinoza

Puedo hacerlo yo para ti, porque no tienes tiempo ni ganas: ¡Contrátame Aquí!
O puedo explicarte como crear un sitio web completamente dinámico sin ser un experto en programación web. ¡Suscríbete Ahora!

Programa Mentoría 1&1 Únete Ya!

Comentarios: