Se puede utilizar en WordPress y Blogger
En muchas ocasiones interesa poner links en un gráfico para captar la atención del visitante. En este tutorial, zonas activas o mapa de imagenes, explico una forma de hacerlo muy sencilla utilizando un pequeño programa “ImageMapper“.
En el gráfico puedes comprobar las zonas activas.
Tutorial mapa de imágenes
[spoiler]
Descargar ImageMapper
El manejo de las herramientas es de lo mas simple
1.- Abrimos la imagen que previamente hemos preparado.
Con las herramientas 2, 3, 4, y 5 seleccionamos la zona activa, usando la que mejor se acomode a nuestra necesidad, poner el tutulo, URL
Con las siguientes zonas hacemos lo mismo
Una vez terminadas las zonas que queremos linkear, copiamos al portapapeles clikeando donde indica la captura
Estos son los codigos generados para esta imagen, os saldran unas coordenadas distintas logicamente.
Este codigo lo pegais en el lugar done va a ir la imagen
<MAP NAME=”Tutorial”>
<AREA SHAPE=”RECT” COORDS=”233,84,323,13″ HREF=”http://www.xanapsp.com” TITLE=”Luz Casal”>
<AREA SHAPE=”RECT” COORDS=”52,130,144,61″ HREF=”http://lb-material.iespana.es/” TITLE=”Ana Belen”>
<AREA SHAPE=”RECT” COORDS=”571,439,667,362″ HREF=”www.xanadesign.com” TITLE=”Shakira”>
</MAP>
<IMG SRC=”URL DE LA IMAGEN” USEMAP=”#Tutorial” BORDER=”0″>
Realizado por Pilar Méndez en exclusiva para La Buhardilla
Registrado en: TWI
Prohibida la reproducción total o parcial sin mi consentimiento por escrito
La Buhardilla ©
[/spoiler]
Comentarios recientes