CÓMO HACER UN MENÚ CON IMÁGENES

Como ya les había comentado, esta entrada es para usuarios de blogger y wordpress.org (self-hosted).

Sin embargo, al final hay otra opción que también puede aplicarse a wordpress.com (versión gratuita).

Veremos cómo hacer un menú con imágenes, en inlinkz.com, que puedes usar para presentar las entradas de tu blog, en especial si tratas temas como moda, cocina, manualidades, decoración…; en los que las fotografías son clave.

Si ofreces productos, puedes usarlo para mostrar una lista de ellos, con un enlace a una página con más detalles, o a tu tienda virtual.

También puedes hacer una lista de productos que te gustan, o de los que tienes algo que contar.

En el ejemplo, un menú de la serie Personaliza tu blog (clic en la imagen para ver el menú en acción):

Cómo hacer un menú con imágenes

Procedimiento:

1. Ingresa a www.inlinkz.com

2. Haz clic en “Get started now” y regístrate, completando la información

Cómo hacer un menú con imágenes para tu blog

Y clic en “Submit”

Recibirás un correo para que confirmes tu suscripción.

3. Inicia sesión ingresando tu correo electrónico y contraseña

Cómo hacer un menú con imágenes para tu blog

4. Haz clic en “Create a new product list”

Cómo hacer un menú con imágenes para tu blog

5. En el menú superior, haz clic en “Add new link”

(que serán todos los enlaces o productos que conformarán el menú)

Se abrirá una ventana. Completa la información.

En la parte inferior de esta ventana, haz clic en “Select Image” para elegir la imagen de ese enlace.

Cómo hacer un menú con imágenes para tu blog

Clic en “Accept”

Repite este paso para cada uno de los enlaces de tu menú.

6. En “Add new collection”

Completa la información y arrastra los enlaces que quieras, creados en el paso anterior, desde la lista de la izquierda.

Cómo hacer un menú con imágenes para tu blog

Y clic en “create”.

Ahora obtén el código HTML para añadir la colección a tu blog

7. Haz clic en “Get script”

Cómo hacer un menú con imágenes para tu blog

Aparecerán 3 opciones. Elige la primera “New widget code”.

Copia el código y pégalo en una página o entrada de tu blog, en vista HTML.

Y Listo.

Desde el “Dashboard” o escritorio también puedes previsualizar tu colección, editarla, modificar su diseño, revisar el número de clic recibidos, y/o eliminarla.

Otra manera de hacer este menú, es con una tabla hecha con HTML, tal como se muestra en este utilísimo tutorial.

Esta opción funciona tanto para blogger, como para la versión self-hosted y gratuita de wordpress.

Espero que todo haya quedado claro. En todo caso, pueden dejar sus dudas, las responderé ASAP ;)

Anuncios

4 comentarios en “CÓMO HACER UN MENÚ CON IMÁGENES

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s