miércoles, 6 de junio de 2012

Blogger: Como colocar un link en una imagen

Paro todo editor que se esta iniciando en blogger es importante aprender como colocar enlaces desde tu blog hacia otras webs, esto te servirá de gran ayuda a la hora de promocionar web, productos
onlines, programas de afiliados etc.
Hoy aprenderás a colocar tanto enlaces a través de textos como enlaces en imágenes hacia otras web.

Como Colocar enlaces de texto hacia otras webs:
Colocar enlaces en bloger es muy sencillo lo primero que debes hacer es escribir el texto en el cual colocaras el enlace, por ejemplo voy a promocionar un programa de afiliado y escribiré el siguiente texto:

Gana Dinero Recibiendo mensajes en Tu Teléfono Celular

Luego lo que haré es seleccionar ese texto y hacer click donde dice Enlace en la barra de herramientas de blogger en la parte superior
Luego me aparecerá una ventana que me preguntara a ¿ A que url debería redirigir este enlace? coloco allí el url o enlace de la pagina a donde quiero redirigir la pagina y también te dará la opción de abrir en enlace en una nueva ventana o en la misma ventana, seleccionas la opción de tu preferencia y le das aceptar, Listo tu enlace hacia la pagina que quieres promocionar.

Como Colocar un enlace en una Imagen:
En algunas ocasiones necesitamos colocar un enlace en una imagen ya que son mas atractivas y lo usuarios hacen click en la imagen un esto los lleva a la pagina que deseas promocionar.

Para ello primero debes alojar la imagen en un servidor para imágenes que puede ser ImageShack

Ahora copia la dirección url de la imagen que alojamos.

Utilizamos el siguiente código:




En el siguiente código debemos modificar 2 cosas:

URL_DEL_SITIO: Debes poner la url del sitio que se abrirá al hacer click en la imagen
URL_DE_LA_IMAGEN: La url de la imagen que obtuvimos en el hosting de imagenes.


Aclaratoria, este codigo debes usarlo en la edición modo HTML, para ello haces clic en la parte superior derecha en HTML al lado de redactar.
  Blogger cambiara el modo de edición, ubicas el lugar donde deseas colocar la imagen y copias el código.

Con esto tendrás tu enlace listo desde una foto hacia la pagina que deseas promocionar. 

Aquí tienes un ejemplo de un enlace desde una imagen utilizando el método descrito anteriormente:



Espero te haya servido la información, puedes dejar tus comentarios o dudas....

1 comentario:

Related Posts Plugin for WordPress, Blogger...