Cuando creamos por primera vez un blog, la primera entrada la podemos utilizar como página

principal de nuestro sitio.

En la parte superior donde dice título podemos dar el nombre para nuestra agina principal, y

en la parte de edición la cual parece un hoja de Word vamos a crear la siguiente interfaz.

1. Crearemos una tabla con tres columnas y cuatro filas, como Bleger no tiene la

herramienta para insertar tablas directamente desde la página de diseño, lo que

haremos será insertarlas un código de HTML

Para ello daremos click en el botón HTML y seguidamente pegaremos el siguiente

código:

<center>

<table border="1" cellpadding="4"><tbody>

<tr><td>Mesa</td>

<td>Silla</td>

<td>Cama</td></tr>

<tr><td>Carro</td>

<td>Barco</td>

<td>Avión</td></tr>

<tr><td>Lunes</td>

<td>Martes</td>

<td>Miércoles</td>

</tr>

<tr><td>Enero</td>

<td>Febrero</td>

<td>Marzo</td></tr>

</tbody></table>

</center>

2. Después de haber pegado el código podemos pasar a la parte de redactar y vemos

nuestro resultado:

3. Bien, ahora que ya tenemos nuestra tabla creada vamos a reemplazar algunos de los

textos que están en las celdas por algunas imágenes las cuales nos van a servir para

crear un menú en nuestra página principal del blog, quedando algo así:

Hasta ahora lo que hemos hecho es reemplazar algunas palabras por imágenes

como lo son el escudo y el periódico de noticias, y en la parte inferior el texto que identifica

esta imagen, guradaremos nuestro progreso y daremos acutalizar o guardar si es la primera

vez en la parte superior derecha

Esto nos llevara a la página principal de nuestro blog

4. Después de haber realizado los pasos anteriores vamos a crear dos páginas las cuales

van a contener la información pertinente para los dos menús que hemos creado

(nuestra institución y noticias), para ello damos clik en paginas que se encuentra en la

parte izquierda

5. Crearemos una página nueva la cual tiene la misma estructura que la que henos

utilizado para nuestra página principal, aquí colocaremos el nombre de la paginas y el

contenido que ésta tendrá.

5.1

Como podemos apreciar en esta imagen, colocamos el título de nuestra página y el contenido

que esta tendrá, todo depende de la creatividad que ustedes tengan para crear el menú,

recuerden que se escogerá el mejor blog…

Daremos clic en publicar para guardar los cambios

Este será nuestro resultado:

6. Repetimos el paso 5 y 5.1 para la página de noticas, si lo haces bien este será el

resultado

7. Demos un vistazo a nuestro blog, para ello da clic sobre el botón ver blog

Así es como veremos nuestro blog en línea

8. Mucha atención, la idea central de este diseño es que al dar clic sobre la imagen del

escudo lo lleve la información que estará en la página de “nuestra institución” o al dar

clic sobre la imagen de noticias li lleve a la página de noticas.

9. Para ello debemos hacer los siguiente:

9.1 primero debemos tener las direcciones de nuestras páginas para esto lo que

vamos a nuestro blogger, para seguir editando, ( no lo podeos hacer desde la vista

previa del blog, por ello debemos regresar a www.blogger.com)

9.2 daremos clic en páginas y en el momento que pasemos el cursor sobre la pagina

creada daremos clic en ver

9.3 al hacer esto copiaremos la dirección que aparece en nuestra barra de navegación,

seleccionándola y daño clic derecho y copiar

9.4. habiendo realizado el paso anterior nuevamente nos dirigimos a la página

principal de nuestro blog y vamos a editar la entrada principal

9.4 daremos clic sobre la imagen en pincharnos seguidamente sobre la palabra enlace:

9.5 En este caso se nos desplegara un menú en el cual debemos pegar la dirección que

hemos copiado en el paso numero 9.3

9.6 por ultimo damos en aceptar y actualiza: para ver si nos quedó bien podemos dar

clic en ver blog.

10. Para la imagen del escudo se repiten todos los pasos des de le número 9 hasta el 9.6

11. Recuerda que debes crear otros menús los cuales depende de tu creatividad y del

diseño que planees