¿Cómo crear un Botón de Afiliación? ¿Qué es un Banner?

Este tutorial llega gracias a... -STOP- nada era broma. Ya fuera de bromas (-w-) este tuto es un pedido de Mariia Jozee de °❤ Para chicas ❤°. Bien pues esta publicación sera "publicación doble", será tutorial y diccionario B. Primero iniciaré con el diccionario, así será más fácil de entender lo del botón de afiliación.

 ¿QUÉ ES UN BANNER? 

Un banner es la forma en que nosotros podemos captar la atención del público para que vayan hacia nuestro blog o web. Estos pueden ser GIF, JPEG o PNG, el primero (gif) puede ser animado, o también se puede crear animaciones con Java, Adobe Shockwave  (formato Flash).

Existen CUATRO TIPOS DE FORMATOS: El formato clásico de banner es horizontal y mide 468×60 píxeles, aunque existen muchos otros formatos, según en el espacio de la web en que vayan a estar. De hecho, comúnmente el término banner se emplea para referirse a todo tipo de formatos publicitarios online, aunque existen piezas de muy diferentes características. Entre otras:

1. Robapáginas, de formato cuadrado o rectangular. Los formatos de robapáginas más frecuentes son: 200x200, 250x250, 250x350 y el 300x250, siendo este último el más utilizado. En mi opición muy utiles si gustas promocionar un concurso o evento PERO desde otras páginas. O sea este será el banner que tus seguidores se llevarán.
2. Rascacielos o Banner skyscraper, cuando el formato es vertical; sus medidas suelen ser 120x600 y 160x600. Puede ser también flotante desplazándose de arriba hacia abajo según el usuario baje o suba dentro de la web, esto mediante el uso del código de persianas (lo explicaré en un tutorial a parte). Muy útil para publicidad de un concurso, evento o de otra web dentro de tu blog, etc. 
3. Botón, en formatos pequeños. Por lo general de unos 100x50, 100x40 o como mejor les paresca, pero siempre con un ancho de 100. HE AQUÍ los famosos BOTONES DE AFILIACIÓN. Se les llama botones por lo mismo que son pequeños. (tutorial al final de explicación)
4. Banner layer, cuando la publicidad aparece sobreimpresionada en el. Este tipo de banner es el que tiene un tipo de efecto flash, con el cual vemos ver pasar publicidad tras otra. Es un banner un poco trabajoso de crear pero, no difícil.

 ¿CÓMO CREAR UN BOTÓN DE AFILIACIÓN? 

Todo depende de que tipo de botón quieres uno con imagen estática (PNG, JPEG) o uno animado (GIF animado). Ejemplos:

IMAGEN ESTÁTICA (png, jpeg)

IMAGEN ANIMADA (gif animado)

Para ver tutorial para la creación de un gif animado has clic AQUÍ.

CÓDIGO DE TU BOTÓN!!
Bueno este es el último paso y el más fácil, solo debes sustituir por la URL de tu blog y de tu botón, y también por el nombre de tu blog donde está indicado de color turquesa.

<a target="_blank" href=" URL DE TU BLOG "><img alt=" NOMBRE DE TU BLOG " src=" URL DE TU BOTÓN " /></a>

Si quieres que el código de tu botón se vea dentro de un cuadro o este oculto como el mio (↓↓↓) visita estas dos entradas CAJA DE TEXTO y OCULTAR Y MOSTRAR.

Yo utilizo photoshop (versión CS5) para la creación y edición de mis imágenes, sobre todo mis gif animados. Aunque también existen páginas web donde puedes crearlos, como Photoshop Online, Picasion.com, Grick.com y muchas más páginas. Bueno eso sería todo, espero haber sido de ayuda y no haberte complicado la vida más jejeje (*≧▽≦)ﾉｼ)) Cualquier duda dejamela escrita en comentarios, hasta más rato.

[ VOLVER A DICCIONARIO BLOGGER ]