jueves, 26 de diciembre de 2013

♥Tutorial♥/ Cabecera ImageMap "Colocación"

¡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