sábado, 31 de enero de 2009

CSS Menu Maker

Este sitio es muy útil para la creación de menús para tu sitio web. Al elegir un menú y personalizarlo (Customize), se descarga un archivo .zip que contiene:

(1) Código HTML (en installation_instuctions.html)
(2) Código CSS (en un archivo menu_style.css)

Para el caso de blogger, el menú puede ponerse en la parte superior de tu página en el Diseño de Los Elementos de Página. Para esto:

(1) Hacer clic en Agregar un Gadget
(2) Busca el gadget siguiente: HTML/Javascript (es un gadget básico)
(3) Pegas el código HTML en el gadget y lo ubicas en la parte superior del Diseño de Página

El código CSS en cambio se pega en la Edición HTML en la pestaña de Diseño. De esta forma:

(1) Haces un visto en Expandir Plantillas De Artilugios. Esto para que no salga luego un mensaje de si estás seguro de modificar tu plantilla.
(2) Buscas (Ctrl + F) lo siguiente: ]]>
(3) En la línea anterior a
]]></b:skin> pegas el código CSS.

Debido a que descargaste el código CSS, este carga las imágenes localmente (en una carpeta llamada Images). Entonces para que puedan las imágenes estar cargadas en blogger, tienes que tener un servidor que aloje las imágenes para el menú. Te recomiendo Google Sites.

Entonces, luego de subir tus imágenes, cambias todas las sentencias del código CSS que digan:

url(images/nombre_imagen)

por

url(URLnombre_imagenAlojadaEnServidor)

Guarda la plantilla, y entonces podrás ver tu menú personalizado en tu sitio en blogger.

Recuerda que en CSS Menu Maker te pide un enlace para cada opción del menú, lo cual en blogger sería la URL de una de tus entradas (p. ej. esta entrada es: http://conocimientospc.blogspot.com/2009/01/css-menu-maker.html)

1 comentario: