El indagador nubero (4) - ¿Y cómo se pone un código?



Sección original del blog que consiste en mostrar aspectos literarios de esta, La Soñadora, o aspectos interesantes en general. Todo un despliegue de investigación para llegar al fondo de los más curiosos asuntos, desde ¿por qué registrarse en Google para seguir un blog? a ¿Cómo empezó la que escribe a reseñar libros?


Un nuevo Indagador asoma la patita por Soñadores de Libros. A tan solo tres días para el tercer aniversario del blog, mi mente ya no da para más ¡estoy preparando muchas cositas! Y se nota por que ha descendido el número de entradas estas semanas ¡mecachis! Así que mientras preparo el aniversario, nuevas reseñas, boletines con novedades y contesto mil mails pendientes, hago una entradita amena y que no haga que me estalle la sesera.

Muchos de vosotros me dejásteis dudas blogueras en el último Indagador nubero (que podéis ver AQUÍ). No será mayormente una sección de tutoriales, de hecho hay blogs muy buenos que seguramente tengan tutoriales más completos y mejores de los que puedo dejar yo. Peeero, como soy muy guasona, dejaré algunos tutoriales en clave de humor como en el anterior número de la sección. O como hoy, que simplemente me dedicaré a dejar uno sin más, en la medida de lo que buenamente sepa.

Hubieron dos grandes dudas en el anterior Indagador nubero:

1. ¿Cómo dar a conocer mi blog sin caer en el SPAM?
2. ¿Cómo se pone el código del botón de afiliación para que otro blog se lo pueda llevar y me pueda afiliar?

La duda 1) ya está siendo respondida mediante vídeo, la duda 2) es la que hoy os voy a resolver.


CÓMO PONER EL CÓDIGO DE UN BOTÓN DE AFILIACIÓN

La Soñadora se saca las gafas de media luna del bolsillo...

Aunque parezca una soberana tontería, hay gente que ni siquiera sabe lo que es un botón de afiliación. Para muchos de vosotros será pan comido ¡genial, un paso menos! pero para otros, incluso subir una entrada ya es complicado. Por eso, echaremos mano del manual "Blogger para dummies" (me encantan estos manuales :D) y empezamos desde el principio, qué menos.

¿Qué es un botón de afiliación?

Un botón de afiliación es una imagen pequeñita que enlaza a tu blog y que otros blogueros pueden llevar a sus sites a cambio de que tú te lleves su imagen al tuyo. Una vez puesto tu botón en su blog, sus lectores podrán encontrar tu web clickando en él, porque el enlace los redireccionará directamente.
Los botones de afiliación normalmente son pequeñitos y las medidas standard suelen ser de 150px x 70 px aunque el tamaño puede variar según las necesidades de cada web.

¿Cómo pongo un botón de afiliación?



Este es el botón de afiliación del blog. Los hay de dos tipos:

1. Un botón con otro botón más pequeño debajo en el que puedas poner "para afiliar pulsa aquí"

2. Un botón con un código debajo para que otros puedan copiar y pegarlo en su blog.

¿Lo más cómodo? La opción 2. Normalmente al clickar en el botón de la opción 1, Blogger generará automáticamente un nuevo elemento para la sidebar en el blog que va a afiliarte, y no es lo que las webs requieren, porque suelen poner todos los botones juntos. Por ello, la opción 2 es más sencilla, ya que permite copiar el código y el bloguero ya lo pega donde más le conviene.

Para generar el código tal y como lo veis en la imagen, debéis seguir los siguientes pasos:

1. Haz tu botón de afiliación como más te guste, usando una medida pequeñita, ya que no se suelen dejar imagenes de afiliación grandes en las webs. Para hacerlo sírvete de programas como paint o photoshop.

2. Sube tu imagen a un servidor, por ejemplo Imageshack.

3. Crea el gadget HTML donde vayas a poner tu botón y pega este código:

<a href="url de tu página" target="_blank"><img src="url-de-la-imagen"/></a>
<textarea><a href="url-de-tu-página " target="_blank">
<img src="url-de-la-imagen"/></a></textarea>

4. Cambia los enlaces pertinentes. Donde pone "Url de tu página" por la URL de tu blog siempre entre las dos comillas, o no funcionará y done pone "URL de tu imagen" copia la URL que te ha generado Imageshack cuando la has subido al servidor.

¿Que no sabes subirla a Imageshack?

Fácil. Te creas una cuenta en la página. En la página principar clickas en "seleccionar archivo" y seleccionas tu imagen en tu ordenador.Clickas en "Cargar ahora" y te aparecerán un montón de enlaces. Busca el que diga "Enlace directo" y ese es el que deberás copiar y pegar en el código donde te diga "URL de la imagen".

5. Con el código ya completito, solo tienes que darle a publicar y aparecerá como en la imagen de más arriba, ya en tu blog.



¡Y listo! Espero haber resuelto vuestras dudas y la siguiente ¡en vídeo!

¿Tienes alguna pregunta que hacer al Indagador sobre la Soñadora? ¿Quieres que se hable de la sección de algún aspecto interesante en particular? ¡Haz indagar al indagador! Envía tu sugerencia a s-delibros@hotmail.com con el asunto El Indagador nubero.
Comparte en Google Plus

Sobre - Bella -

En la red me conocen como La Soñadora y administro Soñadores de Libros desde 2009. Trabajo en marketing digital en la editorial SM y estudio idiomas. Creé Las Reglas del Lector y soy una de las organizadoras y creadoras de la Blogger Lit Con. Me encantan las distopías, los buenos debates, el chocolate y hacer nuevos amigos lectores.

7 nubes :

  1. Pues muchas gracias por el tutorial, porque después de 6 meses con el blog todavía no sabía muy bien cómo hacerlo. Yo lo hago descargándome la imagen al ordenador y luego incluyéndola a la sidebar mediante el gadget "Imagen", donde ya la enlazaba y eso...Vamos, que no sabía cómo ponerle el código ése, jeje

    1 besote ^^

    ResponderEliminar
  2. ¡Estupendo! Yo ya tengo banner pero par hacerlo me pasé semanas enteras porque todo me salía mal... Esto parece muy fácil, me lo apuntaré para otros :)
    Muchas gracias por la info, Bella.
    ¡Saludos!

    ResponderEliminar
  3. ¡Muchas gracias por el tutorial! ¡Ahora mismo lo pongo en práctica!

    ResponderEliminar
  4. ¡Gracias por el tutorial! Que mira que llevo tiempo con el blog y no sé hacer aún nada de esto. Lo voy a intentar.
    Besotes!!!

    ResponderEliminar
  5. ¡Jo, me ha venido genial! Muchísimas gracias, Bella, me ha venido de maravilla todo esto.

    ¡Un abrazote!

    ResponderEliminar
  6. Gracias por el tutorial :)
    Me ha venido muy bien ^^
    By Myra

    ResponderEliminar
  7. vale, está genial, pero donde se donde los gadgets estos? xD yo entro en diseño y le doy a añadir gadget, pero cuando entro en añadir el mio no me va.

    ResponderEliminar