Mostrando entradas con la etiqueta Banner. Mostrar todas las entradas

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



ta1to