-->

Menú principal

martes, 18 de abril de 2017

Creación y diseño de un blog en Blogger de Google

1.- CREACIÓN DEL BLOG EN LA WEB DE BLOGGER

Para crear un blog entramos en la web de blogger y creamos un blog nuevo introducciendo nuestra dirección de gmail y contraseña.


Al introducir nuestro usuario y clave accedemos a la página principal de edición de nuestro blog


2.- CREACIÓN Y CARGA DEL LOGO DE NUESTRO BLOG

Lo primero que tenemos que hacer es crear el logotipo de nuestro blog. Para ello usamos un programa de diseño gráfico como GIMP, Paint, Inkscape, KolourPaint, IrfanView, etc.


Una vez que tenemos creado nuestro logotipo tenemos que cargarlo en nuestro blog. Para ello entramos en Diseño y editamos la cabecera, pulsando en el botón editar de la cabecera:


Al pulsar en editar cabecera, nos aparece una nueva ventana donde debemos seleccionar una imagen de nuestro equipo, pulsando en el botón "Seleccionar archivo".


Una vez seleccionada la imagen podemos, ponerla en lugar del título y descripción o poner la descripción después de la imagen.

3.- CREACIÓN DE UN MENÚ DESPLEGABLE DEBAJO DE LA CABECERA DEL BLOG

Para crear  un menú desplegable debemos seguir varios pasos. Lo primero es tener definidos cada uno de los items del menú y sus respectivos items al desplegar.

La creación del menú se realiza en varios pasos, por lo que no es un proceso fácil, sino que debemos hacerlo con atención y siguiendo cada uno de los pasos. Vamos a utilizar el siguiente enlace para seguir las instrucciones:

https://www.euroresidentes.com/tecnologia/trucos-diseno-web/tutorial-menu-desplegable-para-blogger


Paso 1: Copia el código que te indica en el enlace, es un código de ejemplo. Después modificas las entradas del menú y los submenus con los textos que deseas que te aparezcan en cada uno de los menús desplegables, tal como he hecho con el menú de este blog, que se puede obsevar en la imagen:


Entra en el menú diseño y elige Multicolumnas, pulsa editar y elige HTML/javascript. Pega el código y guarda los cambios.




Paso 2: 
Una  vez pegado el texto tienes que modificarlo para configurar tu menú en la forma que tu quieras, para ello hay 3 elementos que tienes que tener en cuenta:
La estructura del menú:

  • Botón sencillo (sin submenús): el botón sencillo corresponde con este trozo de código:
  • Menu normal
  • Botón con submenú: el botón con submenú corresponde con este trozo de código:

    Los elementos del menú:

     




    1 comentario: