20 de agosto de 2012

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

bedroom, computer, cute, flowers, girly


Ahora que [tenemos el gif], solo nos falta ponerlo en el blog.


Para eso, vamos a ir al diseño del blog.

Allí en un gadget, ponemos HTML/Javascript y pegamos lo siguiente:

<a href="URL DE TU BLOG" target="_blank"><img src="URL DE LA IMAGEN" border="0" alt="Image and video hosting by TinyPic" /></a>
<br />
<br />
<br />

Eso para el gif o imagen.

Donde pone URL DE TU BLOG, pues la dirección de tu blog (página principal)
Y donde URL DE LA IMAGEN, la dirección de tu imagen.
Para lo segundo, yo lo que hago es poner en un post la imagen (o gif) y a continuación (cuando ya esté publicado) "abrir enlace en una pestaña nueva" (dándole en la imagen con el botón derecho, claro). Copias el código de arriba y ya tienes la url de tu imagen.

Bueno, y ahora el recuadro donde se ve tu código para que otros bloggers lo puedan coger.

<textarea style="margin: 2px; width: 177px; height: 43px; ">&lt;a href="URL DE TU BLOG" target="_blank"&gt;&lt;img src="URL DE LA IMAGEN" border="0" alt="Image and video hosting by TinyPic"&gt;&lt;/a&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;</textarea>

Estos códigos que te acabo de dar son para que los pongas seguidos, si te doy un ejemplo ahora sería este:


Image and video hosting by TinyPic

                                                        

¡Y así se pone el botón!

Consejos y tips:

. Puedes poner el gadget donde mejor te venga, ya sea en una entrada (página de afiliados) o a la derecha, al final del blog, etc.
. Como título en el gadget puedes poner "Botón de afiliación", "llévame contigo" o cualquier cosa original que se te ocurra.
. Esta imagen que usé de ejemplo es demasiado grande, con que para un gif de afiliación lo mejor es hacerlo mas pequeño. Por ejemplo redimensionandolo con el Paint.
. Los botones de afiliación también pueden servir para promocionar cosas como concursos, sorteos o de dar créditos (no solo sirven para publicitar exclusivamente tu blog).
. Crea páginas de afiliación para tu blog, es muy útil. Yo, por ejemplo tengo una en mi otro blog que es esta llamada Afiliados ^^ Hay una página de Afies [aquí] en este blog.
Si acabas de crear tu botón o ya lo tienes y quieres aparecer, haz clic en el enlace y deja un comentario en la entrada para que te ponga (a poder ser con la dirección de tu blog).
. Haz una imagen que refleje tu blog lo mejor posible. Y a poder ser que sea atractiva, para que lectores se interesen. También puedes poner el tema (o los temas) de tu blog como lo tengo yo puesto.
. Si quieres afiliarme en tu blog coge el botón que se encuentra en la página. (ya sea de este o del otro blog La guía de la moda :))

De momento creo que os he dicho todo con respecto a esto, puede que con el tiempo se me ocurran mas tips, con que iré poniéndolos poco a poco.

Un beso muy grande a mis Shiners :3

59 comentarios:

  1. muchas graciasss, ahora pongo lo de la clave :)

    ResponderEliminar
  2. Me gusta que escribas post sobre esto, ayudas a mucha gente que no entiende de estas cositas =)

    Por cierto guapa, estoy participando en un reto de manicura, me gustaría que participases con tus votos http://perdonapero.blogspot.com.es/2012/08/participantes-reto-manicura-votaciones.html

    Un besazo!!

    ResponderEliminar
    Respuestas
    1. ya, tengo consciencia de eso y me alegra lo que pueda ayudar ^^
      ahora me paso, descuida ^^
      un besoo :D

      Eliminar
  3. Graxias shine!!!
    Besitos cariñosos!!!=)

    ResponderEliminar
  4. Hola!! muchisimas gracias por el tutorial!! me encanto! jeje
    Besos!!

    ResponderEliminar
  5. Chachi, otro tutorial guay xD
    Perdón por tardar en comentar, pero he estado perdida, y ahora lo estaré más o menos también esta semana porque es mi cumpleaños (más información en mi blog xDD)

    Un besito!

    ResponderEliminar
    Respuestas
    1. ^^ no importa, nos pasa a todos! :D
      jeje, me alegro de que te gusten x)
      me pasaré para felicitarte, descuida :3
      un besoo

      Eliminar
  6. Esque tu blog es tan bonito n.n
    Mil gracias por pasar a mi blog (':
    Me encanto tu coment hermosa,gracias enserio,espero mires tu respuestita ♥
    http://tuuuespacio.blogspot.mx/
    Y tu entrada y consejos estan super :)
    Te sigo shiny :3
    Besos linda :)

    ResponderEliminar
    Respuestas
    1. n.n me alegro de que te guste tanto, el tuyo es hermoso tambien!
      ya te volví a responder a tu respuesta xD
      gracias por todo, un besito ^^

      Eliminar
  7. Hola!
    Muchas gracias por tu comentario! Tienes cosas realmente interesantes en tu blog, me quedo como seguidora. Y gracias por el truco ^^

    ResponderEliminar
    Respuestas
    1. De nada, gracias a ti por pasarte y todo n.n
      me alegro de que te guste!
      muchos besos ^^

      Eliminar
  8. Gracias por esto! Llevo tiempo queriendo saber como se hacia.
    Besos

    ResponderEliminar
    Respuestas
    1. xD a mi me costó bastante encontrarlo x)
      de nada y bss

      Eliminar
  9. A mi me sale que hay caracteres no válidos :( y lo hago igual como dice le tutorial :(

    ResponderEliminar
    Respuestas
    1. pero donde te sale eso? si quieres que te ayude tienes que ser algo mas preciso (o precisa)!

      Eliminar
  10. gracias! me habia estado haciendo la cabeza con eso, gracias a ti ahora lo pude hacer :D

    ResponderEliminar
    Respuestas
    1. De nada! a mi tnbn me costó mucho.. por eso lo puse, jeje
      un saludo!

      Eliminar
  11. Gracias, pero tengo una duda.
    Cuando lo pongo me sale la imagen muy grande ¿se pudría poner más pequeña?

    ResponderEliminar
    Respuestas
    1. Pues deberías redimensionar la imagen desde un editor tipo paint, porque si hablas del tuyo mejor cambiarlo desde un principio, luego es un poco rollo tener que cambiarlo siempre...
      No se si me explico :S

      Eliminar
  12. Jopé, me ha ayudado un montonazo!!!
    Muchísimas gracias!!! ^^

    ResponderEliminar
  13. Hola guapisima! He descubierto este blog por casualidad! Y estoy fanatica!! o_o!! Me encanta como lo narras todo! Que bien que estés haciendo tutos también, no sé que haría sin tí!! Una cosita, mi blog tiene 4 seguidores(incluyéndome a mí, no te digo más) Te importaría pasarte ? UN besazo! Ah, por ciero, he votado tu foto en el concurso de fotografía, simplemente porque me gusta más, pero no se lo digas a Sarita Sonrie que se me enfada!! Besazos!!

    Ah, mi blog, si solonecesito1minuto.blogspot.com Ahora si que sí, adios guapa! Gracias por ayudarme con los afiliados!!

    ResponderEliminar
    Respuestas
    1. Jeje me alegro ^^ es que desde que empecé he aprendido cositas y para que a los demás no les resulte complicado encontrarlas :3 Ya me pasé :P
      jaja no te preocupes, de todas formas esta claro quien va a ganar y no me extraña, me encanta su foto ;)
      Un beso linda♥
      Y de nada!!

      Eliminar
  14. Hola! Gracias por la información! Ya te agregue a mi blog! espero me visites! :=

    ResponderEliminar
  15. muchísimas gracias lo estaba intentado desde hace mucho y no podía y con seguir tus pasos a la primera! gracias

    ResponderEliminar
  16. Hola, lindo blog :) muchas gracias por la explicación. Me quedo en tu blog y te invito al mio :) Mirtha Amigurumis
    http://mirthamigurumis.blogspot.com

    ResponderEliminar
  17. ¡Gracias, que no me enteraba! Me ha gustado tu blog ^^ me pasaré a diario y yo también te convido a pasarte por el mío si quieres afiliamos mutuamente ^^ buen día!

    ResponderEliminar
  18. ¡Muchísimas gracias! Tus tutoriales me están resultando realmente útiles :3

    ResponderEliminar
  19. Hola!!
    He descubierto este blog hace poco la verdad es que me encantó y me has ayudado muchisímo :) Gracias Shine!!

    ResponderEliminar
    Respuestas
    1. Holis
      gracias a ti por quedarte guapa :)
      me alegra haber ayudado, besitos

      Eliminar
  20. Hola! Cuando puedas entra a mi blog y mira lo que sucede. No queda la parte del código dentro del recuadro. No se que es lo que sucede.
    ¿Puedes ayudarme?

    Gracias! http://weheartbooklove.blogspot.com

    ResponderEliminar
    Respuestas
    1. Me parece que no copiaste esa parte... vuelve a seguir paso a paso el tuto y seguro que te sale :)
      besitos

      Eliminar
  21. Gracias!!!! me resolviste un problema!!!!

    ResponderEliminar
  22. Muchisimas gracias!!! llevaba horas buscandolo y ningún tutorial me servia!! :'D
    te dejo mi blog para que veas que lindo quedo http://mislibrosfavoritosymas.blogspot.com.ar/

    Gracias!!!!

    ResponderEliminar
  23. el cuadro me sale en blanco, a que se debe??

    ResponderEliminar
    Respuestas
    1. será porque el código ha sido modificado, si completas todo como te digo normalmente te sale :)

      Eliminar
    2. volvi hacer todo lo que dices, pero continua saliendo el cuadro en blanco, pero enconces se me ocurrio sustituir los "<" por corchetes y ya salieron los codigos...

      Eliminar
    3. Pues que raro, porque normalmente funciona... pero si encontraste solución guay C:

      Eliminar
  24. Muchas gracias, me funciono perfecto. Ademas esta muy bueno tu blog lo estoy empezando a conocer, te felicito. Gracias otra vez ;)
    http://rinconcitodeleer.blogspot.com/

    ResponderEliminar
  25. Hola!, estaba buscando esto desde hacia tiempo nos afileamos? este es el link de mi blog http://iamthegirlwithbrowneyes.blogspot.com/ alli esta el HTML que aprendí a hacer aquí gracias, saludos! Pd: te afileo :3

    ResponderEliminar
  26. aaaaaaaa muchas gracias al fin me salió TT_TT , me encanta tu blog es muy bonito ya soy un miembro :D ,yo apenas estoy empezando mi blog es sobre libros es este :3 http://dream-with-books.blogspot.mx/

    ResponderEliminar
  27. Muchas gracias por la explicación.

    ResponderEliminar
  28. Nos afiliamos ;) Ya me llevo tu banner http://booksandfantasies2.blogspot.com.co/p/creditos.html

    ResponderEliminar
  29. Sos una genia!!!, pasan los años y tus explicaciones siguen rindiendo fruto. Muchas gracias!!!. Por el momento ya pude hacer el botón de afiliación. Ahora a ver si descubro cómo se hace una página.
    Saludos!!!

    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