Bienvenido a mi blog. Aquí encontrarás todas las cosas que he creado e ido aprendiendo con el tiempo, útiles para ti y tu sitio web.

¿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 ]

8 comentarios:

  1. me encanta este tuto oye como pones ese mini baner que pone leer mas me haces un tuto *.*

    ResponderEliminar
    Respuestas
    1. Hi! Hi!! Candela-chan (*0*) claro en un rato pondré el tuto de "Leer más"

      Eliminar
  2. ¡Gracias! Estaba buscando la manera de ponerlo, ¿como pusiste el reproductor de música?

    ¡Te sigo!

    Maggie

    ResponderEliminar
    Respuestas
    1. Hola Maggie (nwn) que bueno que te sirviera el tuto... bueno más tarde publicaré el tuto para el reproductor de música (OwO)b regresa pronto.

      Eliminar
  3. Kumaaaaaaaaaaaaaaaa
    GRACIAS GRACIAAAAAAAAAAAAAAS *O*
    Owww encerio necesitaba averiguar esto
    >___< perdona si te insisti mucho :3 Oww te aprecio mucho mi blog tiene mucho de lo que tu pones en tus tutos ^^
    BESOS
    PD: Gracias por pasarte a ver el post de Todo sobre gyarus ^^ y me alegra que tu seas asi :3 de echo yo tambien jaja BABAII

    ResponderEliminar
  4. u.u me siento mal porque creo que soy la única noob que usa photoscape XD

    ResponderEliminar

HOME STAFF AFILIATE FOLLOW CONTACT
HOME STAFF AFILIATE FOLLOW CONTACT
Copyright© Nemuri Kuma | Powered by Blogger.
Design n' Blogger template by Kuma.