DISEÑO Y SERVICIO WEB, RECURSOS EN LINEA, TUTORIALES, PROGRAMAS Y MÁS...

viernes, 18 de septiembre de 2009

¿Cómo crear un menú con iconos para tu blog sencillo?

Un modo sencillo de crear un menú de imágenes para tu blog

Diseña un menú para tu blog

Hay dos caminos para hacerlo uno sencillo y otro más complejo, empecemos por el sencillo:
Blogger tiene una opción que te permite agregar una imagen con enlace, vamos a usarla para crear un menú sencillo al margen de tu blog, como el que aparece en este blog bajo el título "Sitios Diseñados por Nosotros".
Una vez en el panel de control del blog seguir la siguiente ruta:
diseño nueva entrada
Diseño --> Elementos de la página (ahí se ve un gráfico que representa todo el contenido del blog en blogger)
Ahora ir a Añadir un Gadget y al hacerlo saldrá una ventana emergente con distintas opciones de gadget que se puden colocar (un buen consejo es ir probando cada una de ellas para ver sus utilidades futuras) seleccionar la que dice Imagen.
configurar imagen del menúAparecerá una nueva ventana donde completar algunos datos sobre la imagen a cargar, se le puede colocar un título, un pie de foto, ambos opcionales (sí es para realizar un menú conviene colocarle el título "menú" a la primera y dejar las demás sin título ni pie de foto). Es importante si colocar en "Enlace" la dirección o URL de la página con la que se quiere relacionar esa imagen (que puede ser una interior o exterior al blog en cuestión) .
Luego sólo resta subir la imagen desde el ordenador o computadora local yendo a examinar, sí se tratase de una en la red dando la dirección de la misma debajo como se indica...
Finalmente guardar y listo!!
Se puede ir colocando una a una las imágenes o iconos para obener de ese modo un menú sencillo en sentido vertical, al margen del blog como sucede con el nuestro de "Sitios diseñados por nosotros" y en "Menú"

Hay otra manera de hacerlo un poco más compleja y es utilizando el gadget que dice HTML/Javascript, para aquellos que saben un poco más de código html podrán escribir allí el menú en forma de código utilizando la etiquetas correspondientes, dejo un ejemplo:

<a href="colocar aqui el URL o direccion del enlace"><img src="direccion del lugar donde está la imagen"></a>

Etiqueta a href indica el lugar al que redirecciona el enlace y la etiqueta img que va en medio de la anterior indica cual será la imagen que actuará como link, claro está, que esta imagen deberá estar en otro sitio de la red (internet) para poder usarla en ese punto, ya que de este modo no permite subir imágenes como el anterior que expiqué (para saber como guardar imágenes en la red para reutilizar hay un sencillo post en nuestro blog que lo indica pinche aquí). Con este modo se pueden cargar todas las imágenes juntas y no por separado como el anterior permitiendo que se pueda organizar también horizontalmente y no sólo verticalmente... El Menú de nuestro blog está hecho de este modo
Espero les sirva de respuesta a todos nuestros hermanos de la red que han solicitado ayuda al respecto...
Saludos y esperamos vuestros comentarios al respecto

3 comentarios:

  1. muchas gracias! nesesitaba poner una imagen con enlace hace tiempo... y no sabia como! todo por no saber fijarme!!! jaja porque tengo 3 blogs y no sabia como hacer que una persona pudiera pasar de uno a otro de una manera mas original... gracias! :)
    ANTO

    ResponderEliminar
  2. Muy agradecido por su excelente ayuda y forma sencilla de guiar a los novatos...

    Saludos

    Hugo

    ResponderEliminar
  3. hola, buen blog, quisiera saber donde encontraron los iconos de su menu en la barra izquierda, pues quiero hacer un menu con ese tipo de graficos. gracias

    ResponderEliminar