Bueno en este tutorial les enseñare en (Como dice el titulo) como poner Imagen-Map en el header y aquí se los dejo:
1. Tienes el header ya hecho, guardado.
2. Lo tienes que codificar. Ya sea en 'Photobucket' o 'Tinypic'.
3. Ya que esta codificado, esojes el code que dice: Photobucket: 'Direct link' y Tinypic: 'Direct Link for Layouts'. Lo copias.
4. Abres http://www.image-maps.com/.
5. La url que copiaste la pegas en donde dice: 'From a URL' y le das en 'Start Mapping Your Image' (BOTON DE ABAJO).
6. Te va aparecer algo asi. Esperas a que se cargue y luego le das 'continue to next step'.
7. Después te aparece la imagen y alado como un rectangulo(hacia abajo). En una partecita de abajo dice 'Show Text Links' (tiene una palomita) pues esa palomita la quitas.
8. Luego arriba dice 'Rectangle' le das click hay y te va aparecer un pequeño cuadrado con una parte amarrilla donde dice 'Link for this map:' abajo 'Test link' luego 'Title/Alt for this map:' abajo 'Save' y 'Cancel'
9. Lo acomodas en donde lo quieres y en donde dice 'Link for this map:' pones en LINK/URL del que quieres y le das 'Save' Ejemplo:
10. Y asi le vas haciendo hasta que tengas todos los links.
11. De hay le das 'Get Your Code'
12. Te va aparecer algo asi y arriba esta una 'casilla' que dice 'HTML Code' y le das click
13. Y pues ya el code que aparece es el code del header y lo pegas en tu layout o plantilla :)
Etiquetas: Tutoriales |
Publicar un comentario