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.
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
