Como poner banners aleatorios de 125 x 125

En la mayoría de los blogs que presentan publicidad se puede observar anuncios aleatorios que van cambiando conforme a se actualice la página.

¿Cómo mostrar anuncios al azar en Blogger?


En el tutorial de hoy vamos a aprender cómo crear un Widget de un Banner aleatorio para blogger que servirá para mostrar anuncios al azar cuando un visitante llega a una página nueva en su blog.Mediante este widget puede mostrar tantos anuncios publicitarios en una área de patrocinador como quiera! En este caso particular para cada ubicación alternará entre dos avisos que usted seleccione para cada ubicación, esto replicado por cuatro, lo que le permitirá ir rotando entre 8 avisos. Para agregar el widget siga estos pasos:


1- Ir a Blogger
2- Ir a Diseño
3- Agregar un gadget
4- Seleccionar HTML/ Java Script
5-Pegar el código dentro.


Si tiene dudas puede consultar el siguiente mini-tutorial sobre como agregar un gadget

<div align="center"> <table border="0" cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff"> <tbody><tr> <td><center> <!-- BANNER#1 --> <script language="JavaScript"> images = new Array(2); images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>"; images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>"; index = Math.floor(Math.random() * images.length); document.write(images[index]); </script> </center></td> <td><center> <!-- BANNER#2 --> <script language="JavaScript"> images = new Array(2); images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>"; images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>"; index = Math.floor(Math.random() * images.length); document.write(images[index]); </script> </center></td> </tr> <tr> <td><center> <!-- BANNER#3 --> <script language="JavaScript"> images = new Array(2); images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>"; images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>"; index = Math.floor(Math.random() * images.length); document.write(images[index]); </script> </center></td> <td><center> <!-- BANNER#4 --> <script language="JavaScript"> images = new Array(2); images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>"; images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>"; index = Math.floor(Math.random() * images.length); document.write(images[index]); </script> </div>


Realice los siguientes cambios:


1.  Remplace  URL OF ADVERTISER con el link del sitio web del anunciante.
2.  Remplace  URL OF BANNER’S IMAGE-1  and URL OF BANNER’S IMAGE-2 con el link donde se encuentra la imagen del banner del anunciante.
3.  Remplace  AD DESCRIPTION con la información relativa a la publicidad , esta descripción se mostrará al pasar el ratón por sobre la imagen.
4.  Si usted desea incrementar la distancia entre los bloques de anuncios puede editar width="265" en la segunda linea.
5. Si usted está interesado en adicionar mas avisos en cada ubicación puede editar images = new Array(2); y colocar por ejemplo images = new Array(3);  


luego adicionar la siguiente linea:

images[2] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S     IMAGE-3' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";  

Con esta modificación tendremos 3 avisos aleatorios en una posición, recuerde que tendrá que repetir el paso 5 para cada banner

Tweet