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.

Convierte tu blog en una máquina de ventas

Suscríbete y descubre cómo vender productos y servicios a través de tu blogger sin morir en el intento.
  • Multiplica tus ingresos aprovechando al máximo tu blogger.
  • Comienza a generar tráfico cualificado y de interés para tu oferta.
  • Convierte tus visitas en clientes gracias a un blog optimizado.

Tus datos están 100% seguros.
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
¿TE PARECE COMPLICADO TODO ESTO? LO HAGO PARA TI

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!

Siguiente
« Anterior Post