10 mar 2014

Código de afiliación con cuadro e imágenes con enlaces a etiquetas




Muchas veces entramos en un blog y vemos que tienen el llamado “botón de afiliación” o “banner”, que consiste en una imagen que redirecciona a un blog. ¿Por qué es esto? Es debido a que los bloggers suelen intercambiar estos “botones de afiliación”  entre ellos, colocando la imagen en sus blogs para dar publicidad al otro.
Ahora bien, usualmente cuando vemos el banner de un blog para afiliar, debajo tiene una caja de texto, donde se encuentra el código html para que el que quiera afiliar el blog lo copie y lo pegue en su propio blog (por ejemplo, en un gadget en una de las columnas laterales).
Para crear una imagen que redireccione a una url, el código es este:


<textarea style="height: 129px; margin: 2px; width: 275px;"><a href="Primer Enlace" target="_blank"><img src="Segundo Enlace" border="0" alt="Image and video hosting by TinyPic"></a></textarea>

En el primer enlace se coloca la dirección de su blog, en el segundo enlace va la dirección de la imagen.
Y para que este código aparezca en un cuadro, hay que agregar esto (y también pueden editar el tamaño de la imágen):

<textarea style="height: 129px; margin: 2px; width: 275px;"></textarea>

Una imagen que redireccione a un enlace puede usarse de distintas maneras, ya que puede ser un botón de afiliación, el banner de un concurso, e incluso se puede usar para ver el contenido de una etiqueta (de la forma en que muestro a continuación). Todo depende del uso que le den ustedes.
Les doy como ejemplo la etiqueta de la sección Trucos, códigos y más… de mi blog. Cuando hacen click en la imagen de la sección, esta les muestra todas las entradas con la etiqueta de la sección que, valga ser redundante, es Trucos códigos y más… Es importante no poner comas en el nombre de una etiqueta ya que Blogger separa las etiquetas con comas. Si yo pusiera Trucos, códigos y más… me quedarían dos etiquetas: Trucos   y   códigos y más… 
Que una imagen enlace a una etiqueta es lo mismo que enlazar a una página web, el método es el mismo que el que explico en los párrafos anteriores. Lo único que hay que hacer es:
*Click en la etiqueta a la que desean enlazar.
*Copiar la dirección de la etiqueta que les aparece en la barra del navegador, y pegarla en el código en el lugar donde va el Primer Enlace.
Como se habrán dado cuenta, la efectividad de este método depende de si etiquetan todas las entradas de una sección, como sería mi caso.
Otro método es cuando están preparando el artículo y quieren una imagen que redireccione a un link, cuando ya tienen la imagen en la entrada, la seleccionan, hacen click en Enlace. Les aparecerá el siguiente cuadro y allí pegan el enlace al  que quieren que redireccione. También pueden poner la opción de que el enlace se abra en una nueva pestaña al pulsar la imagen.


Y otra forma más es crear en la pestaña Diseño, un gadget de Imagen y les aparecerá el siguiente cuadro, donde tienen la opción de hacer que la imagen redireccione a algún sitio:





En fin, eso es todo por hoy :)


No hay comentarios:

Publicar un comentario

Gracias por pasar!! Recuerden que un blog se alimenta de sus comentarios ;)

Eso sí, por favor:
*Comenten con respeto, en caso contrario tendré que eliminar el mensaje.
*Avisen si van a decir un Spoiler, así nos ahorramos disgustos.
*Si quieren contactarme, vayan a la pestaña Contacto.

Diviértanse ^.^

¿Te gustó la entrada? ¡Compártela!