Banner es lo que mejor conocemos como publicidad por Internet, consiste en atraer visitas a un sitio poniendo una imagen o un texto para atraer a los usuarios.
Los banners son creados a partir de imágenes (gif o jpeg), o también animaciones creadas por tecnologías como Java, adobe shockwave y flash, esto para hacerla mas llamativa.
El tamaño clásico de un banner es de 468 x 60 (Ver ejemplo)
Otros ejemplos de tamaño:
120 x 120 - (ver ejemplo clic AQUÍ )
600 x 120 -(ver ejemplo clic AQUÍ )
120 x 60 - (ver ejemplo clic AQUÍ )
Consejos:
*Procura poner una frase para que las personas que vean el banner se sientan atraídas a él,
no solo se trata de mostrar tu "marca" o "logo".
*si haces una animación procura no saturar mucho en imágenes/tiempo por que puede afectar el peso del archivo y eso hace mas lenta la pagina.
*si eres nuevo en esto y quieres un lugar donde poner tu banner, pregunta a otras webs si puedes hacer un intercambio de banners esto puede resultar muy bueno por que es una ayuda para ambas partes.
En esta ocacion mostrare como poner un pequeño banner y un cuadro de texto con el codigo para que te puedan enlazar en otras webs
Primer paso: Crear el banner
puedes crearlo tu mismo con ayuda de programas como photoshop o fireworks este ultimo es mas amigable en su diseño o puedes buscar una pagina que te ayude a crear uno
*Si creaste tu banner sugiero subirlo a imageshack.us porque vas a necesitar la url
Segundo paso: añadirla al blog
para eso tenemos que ir a Diseño> Elementos de la página y agregaremos un Widget HTML/Javascript en la parte donde queremos el banner.
Tercer paso: pegar el codigo
ya que agregamos el widget dentro agregamos estos dos codigos
Codigo 1
<a href="http://TUBLOG.blogspot.com"><img src="URL de tu banner"/></a><p>
Codigo 2
<h2 class="sidebar-title">Código para enlazarme</h2>
<textarea rows="3" cols="25" class="code" wrap="off"><a href="http://TUBLOG.blogspot.com " target="_blank">
<img src="URL de tu banner"/></a></textarea><p></p>
puedes cambiar los valores de rows y cols
*rows es para hacerlo mas largo
*cols es para hacerlo mas ancho
guardamos y listo
Aqui la muestra de como queda
