¡Hola blogger@s! Les traigo un tutorial de lo más sencillo y útil. En muchos blogs habrán podido ver un header con varias pestañitas que haciendo clik os lleva a una página. No se si me he explicado bien xD.
Bueno, pues ese header es muy fácil de hacer y hoy, les enseño como hacerlo.
CREACIÓN

Creamos la cabecera, como si nada, lo único que tienen que añadir es el texto que quieren que conduzca a la gente a su pestaña.

Vamos a
http://www.image-maps.com/. Suben su archivo bien por URL o diréctamente desde el PC y le damos a
Start Mapping Your Image y esperan a que se cargue.

Donde les aparezca
Image Map Tool Box tienen que dar donde pone
Rectangle. Les aparecerá un cuadradito. Bien, pues ese cuadradito lo conducimos donde vayamos a poner el primer link. Donde les aparezca
Link for this map tienen que poner el link. Y justo debajo les va a aparecer
Title/Alt for this, ahí van a poner una palabra que será una especie de enlace directo, es decir, la gente cuando quieran ir a una pestaña solo tendrán que hacer clik en ese texto y se ahorrarán tener que darle en la cabecera. Si no quieren que aparezca eso, lo único que tienen que hacer es darle a la casillita donde pone
Show text links y listo.

Cuando hayan acabado le tienen que dar a
Get Your Code y hacen clik donde les aparece
HTML Code. Les saldrá un código, ese código es el que vamos a poner en nuestro blog.
COLOCACIÓN
Escritorio>>Plantilla>>Edición HTML>> Ctrl +F

Cuando hayan dado a Ctrl +F les saldrá un cuadradito de búsqueda, ahí ponen el título de su blog y le dan a Enter.

Al lado del título del blog en la parte izquierda les saldrá
true tittle, lo único que tienen que hacer es sustituir
true por
false y guardamos la platilla.
Diseño>>Cabecera>>Editar>>Eliminar

Copiamos el cod de nuestra cabecera ImageMap.
Diseño>>Añadir gadget>>HTML/Javascript>>Pegamos cod>> Guardar >>Guardar disposición
¡Listo!
Espero que les haya servido, si tienen alguna duda dejen un comentario ^.^
No hay comentarios:
Publicar un comentario