ROTADOR DE IMÁGENES PARA BLOGGER.

Cuando queremos intercambiar enlaces con otros blogs o webs, lo mejor y mas atrayente es hacerlo mediante banners. Pero a veces, esto supone 'inundar' nuestro blog de imagenes que nos ocupan mucho sitio.

La mejor solucion es poner un rotador de banners, asi podremos añadir las imagenes que queramos en un solo espacio.

Pensando en este tema, he diseñado este rota-banners con CSS3 y jQuery, en el que las imagenes van cambiando con un efecto fade suave automaticamente.

Para añadirlo a tu blog, tienes que copiar el codigo de abajo y pegarlo donde quieras mostrarlo. Donde esta indicado en color rojo, pones las urls de los enlaces y de las imagenes de cada banner.
si quieres añadir mas, tienes que poner la linea

 <div><a href="URL ENLACE" target="_blank"><img src="URL IMAGEN"></a></div>

 tantas veces como quieras. Si quieres poner menos banners, elimina las que te sobren.

El tamaño que le he dado a las imagenes es de 300x150 px. Si quieres modificarlo, tienes que hacerlo en la siguiente linea del codigo:


Pero entonces tambien tendras que modificar el tamaño del contenedor principal en la siguiente linea: