domingo, 11 de julio de 2010

ENLACE DE CONTACTO (E-Mail)

Ahora veremos como preparar un link a una dirección de correo electrónico para que nuestras visitad puedan contactar con nosotros. El proceso es muy sencillo.

En este blog hay un link a mi correo a través de una imágen animada, en la columna de la izquierda, dónde dice CONTACTA. Si la pinchas sObre la imágen debería abrírsete el correo que tengas establecido en tu ordenador como predeterminado (normalmente Outloook Express) para que me puedas mandar uno.

Si no usas este servicio de correo siempre podrás modificar el gestor predeterminado de correo en la configuración del equipo. Si no, también puedes copiar la dirección de correo del destinatario y pegarla en tu gestor de correo habitual (gmail, hotmail, Yahoo...)

Para poner el link al correo debemos proceder así

  • Para empezar elige la imagen que quieras poner.
  • Sube la imágen a un hosting (Picassa, Imageshack, fileden...)
  • Para saber su dirección has de pinchar en la imagen con el botón derecho del ratón, con el izquierdo pinchar en Propiedades del menú que se abre y seleccionar y copiar la dirección que aparece en la ventana que aparecerá.(Si está en una entrada, has de pincharla desde Vista previa).
  • En la pestaña Diseño/Elementos de la página, añade un elemento HTML/Javascript y en el recuadro blanco escribes este código:



    <a href="mailto:TU DIRECCIÓN DE CORREO ELECTRÓNICO"><img src="URL DE TU IMÁGEN"/></a>



    Sustituyendo las palabras en verde por tu dirección de correo electrónico y la URL de la imágen que quieras mostrar.


Este sería pues el resultado a obtener:






Si en lugar de poner una imágen queremos poner un texto:

Me refiero exactamente a esto: Para más información, mandame un correo

El código a insertar (tanto si lo quieres poner en un elemento Html/JavaScript, como en el cuerpo de una entrada es el siguiente (podéis ponerlo a continuación de la última palabra y con una sóla palabra en el hueco TU TEXTO):





<url><a HREF="mailto:TU CORREO ELECTRÓNICO"/>TU TEXTO</a>

Pues con esto acaba la pequeña explicación de cómo hacer esto. Espero que os haya servido de algo. Y ya sabéis, cualquier cosa no dudéis en preguntar lo que sea.

No hay comentarios :

Publicar un comentario

Related Posts Plugin for WordPress, Blogger...