18 de agosto de 2012

¿Como hacer un botón de afiliación? Parte I

Tumblr_lr6qc2yipo1qiofmxo1_500_large

Para que negarlo, me costó mucho encontrar como hacer esto del botón de afiliación, pero ahora que se como se hace ya no hay ningún problema ^^. 
Aunque claro, puede que, al igual que los otros tutos ya lo sepáis. Pero si no es así sigue leyendo!
(Ademas ya me han hecho la petición)

Así que para evitaros buscar como locos, os dejo este tutorial en dos partes: la primera para hacer un gif sencillamente y la segunda ya para ponerlo en el blog.


Antes de todo una cosa: ¿Para que sirve?
Creo que es útil cuando uno se quiere hacer publi de su blog, algunos blogs tienen páginas dedicadas a esto, donde ponen todos esos botoncitos de otros blogs. La gente luego los ve y si le atrae alguno le da encima y va directo a su blog (otra gran ventaja que ya explicaré en el próximo post). Claro que en el diseño del gif o imagen fija tiene que reflejar vuestro blog, con la temática o diciendo "entra ya!" o algo por el estilo.

Bueno empecemos... 

- lo primero de todo es tener la(s) imágenes preparadas, para eso las editáis en cualquier programa (paint vale)

Yo por ejemplo usaré estas:



Puede que tengáis programas on-line para crearlo, pero lo más fácil, que es lo que voy a hacer, es crearlo con Photoscape, si aun no lo tenéis os recomiendo que os lo descarguéis, os servirá después para otras cosas.


Este es el menú, como veis hay muchas cosas por hacer con el programa, pero ahora iremos a "Gif animado" (está rodeado).


- como ves en la imagen (dale encima para que te salga mas grande), en la parte de la izquierda, te salen las fotos que tienes en el ordenador, buscas las que vas a usar y las arrastras en el centro.

- ponlas en orden, arriba te saldrán todas las que arrastraste, allí podrás cambiar el tiempo de transición y a la derecha mas detalles como el efecto, etc..

- cuando lo tengas listo guárdalo y ¡listo!

Así me quedó a mi:


Como veis es super sencillo, pero se puede hacer con más imágenes, efectos y demás.

En la próxima entrega os diré como poner en el blog el banner y algunos truquillos.
Espero que os haya gustado y sido útil, un saludo :3

25 comentarios:

  1. se ve bastante más sencillo de como los hago yo (Photoshop, y luego Unfreez) lo intentaré!

    ResponderEliminar
    Respuestas
    1. Bueno, yo mas que nada pq no tengo Photoshop ni Unfreez xD

      Eliminar
  2. muchas gracias por ponerlo :)
    un saludo,
    y lo provaré ;)

    ResponderEliminar
    Respuestas
    1. jeje, de nada, lo tenía previsto de todas formas x)
      besos ^^

      Eliminar
  3. Me ha encantado tu blog, es variado y tiene cosas muy interesantes! Te sigo :) Por cierto, gracias por haberte pasado por el mio! Besos
    http://palabrasolvidadaseneltiempo.blogspot.com.es/

    ResponderEliminar
    Respuestas
    1. ^^ me alegro de que te guste tanto!
      Gracias a ti ;)

      Eliminar
  4. Una entrada genial, esperando la segunda parte :)

    Un besote y buen finde!!!
    http://cuerpoymente-merchy.blogspot.com.es/

    ResponderEliminar
    Respuestas
    1. ^^ llegará pronto :D
      besos y lo mismo digo!

      Eliminar
  5. Hola! jeje yo hice el mio con un programa online jaja XD es muy util el boto de enlazame, a mi me encanta! jeje
    Besos!!

    ResponderEliminar
    Respuestas
    1. Ah pues me tienes que decir cual es x)
      jeje, besos!

      Eliminar
  6. Que blog más chulo! Ya me he pasado jajaj ya te sigo:D! un besazo:)

    ResponderEliminar
  7. Respuestas
    1. Amm.. por el tutorial?
      si es eso de nada xD

      Eliminar
  8. Muchas gracias por el consejoo^^ lo utilizare!!
    me encanta tu blog es muy original y tiene de todo jaja lo sigo yaa y tu?
    besos<3

    ResponderEliminar
    Respuestas
    1. Thanks por todo xD
      yo tnbn te sigo, un beso ^^

      Eliminar
  9. Holis! Super lindo el tutorial, tal vez lo haga:D
    jeje besotes que andes mas que bien:D

    ResponderEliminar
    Respuestas
    1. Me alegro de que te guste ^^
      graciaas :D
      un besito :3

      Eliminar
  10. k bueno aunk no se como se pone en el blog =(
    besitos cariñosos!!!

    ResponderEliminar
    Respuestas
    1. Ya, por eso hay segunda parte dentro de poco! :)

      Eliminar
  11. muchas gracias lo hice y me quedo hermosoooooo!!!!!

    ResponderEliminar

Gracias por comentar, cada uno de los comentarios me saca una sonrisa, así que ya sabes, ¡no te cortes!
Cualquier duda, pregunta, sugerencia... ¡aquí!
Recuerda comentar con respeto. Cualquier comentario que sea irrespetuoso será automáticamente eliminado.
(SIEMPRE DEVUELVO COMENTARIOS EN LOS BLOGS♥) besitos

Related Posts Plugin for WordPress, Blogger...