Tuto para estrella

Voy a empezar con tu tutorial de como hacer un header con imagenmap(asi se llaman ;)
Es muy facil ,una vez que tengas echo el header lo demas sale solo.

Primero haces un  header por ejem. como el que tienes en tu blog y, en un lado o arriba o en la parte mas clara, donde quieras, pones escribiendo los apartados que quieras que tenga, por ejemplo home,rules,pide...

Cuando ya as terminado de hacer el header y de escribir todo lo que queria poner vas a google y buscas esta pagina: http://www.image-maps.com

En cuanto entres te saldra como un cuadrado grande y naranja que pondra''seleccionar archivo'' y bajo pone''desde la url'' (alomejor lo pone en ingles), tu le das a seleccionar archivo y escoges el header.

Luego saldra una especie de 'testamento'(xd) pues bajais un poco mas bajo y esperais a que termine de cargarse con la cuenta atras esa que saldra. Luego cuando termine de cargarse os saldra ''continue to next step'', alli le dais.

Despues os saldra la imagen en grande y un rectangulo naranja y alargado a la derecha, en el rectangulo buscar un apartado que ponga ''rectangulo'' o rectangle en ingles y le dais.

En cuanto le deis os saldra un cuadrado transparente en la foto , lo moveis hasta ponerlo encima de la palabra que querais. El cuadrado se puede hacer mas grande y pequeño.Justo debajo del cuadrado transparente sale 2 rectangulos que pondran ''  Link for this map'' y ''Title/Alt for this map''

Vosotras debeis poner donde pone ''link for....'' la url de la pagina.

Me explico, si esa palabra es home, en vuestro caso seria la url de vuestro blog (http://lollipop-desings-lollipop.blogspot.com), si esa palabra es estado de pedidos, deberiais poner la url de esa pagina(http://lollipop-desings-lollipop.blogspot.com/p/estado-de-pedidos.html)

Aviso donde pone ''link for...'' antes de poner vuestras url debeis borrar la que esta puesta que sera http://www.image-maps.com/ y cuando coloqueis vuestras url acordaros de quitarle el / que siempre sale al final.Recordar darle a 'save' cuando poneis la url ;)

Haceis lo del cuadradito transparente con todas las palabras que hayais puesto y cuando hayais terminado con todas le dais a donde pone get your code, que esta debajo de 'rectangle'.

Alli os saldra unas cuantas pestañas pero vosotras debeis darle a html code, que es la 2º. En el code que saldra abajo debeis buscar en el final una cosa que pondra asi

 </div>

<!-- Image map text links - End - -->

</div>

Encima del primer   </div> os pondra lineas mas largas,  pues al final de esas lineas debeis borrar todos los Untitled que salgan ¡pero sin borrar las comillas o otras cosas, solo debeis borra la palabra!

         Cuando ya estan borrados todos lo untitles copiais y pegais todo el codigo(pero sin untitles, logico)

Ya esta , mi super larguuuiiiiiiisimo tutorial,pero es muy facil, si tienes elguna duda avisa :)

Dewww