• INICIO
  • Menús para el Blog

    Si necesitamos para nuestro Blog un menú de navegación, Blogger nos ofrece algunas posibilidades que pueden parecernos útiles y suficientes:

    1ª.- Utilizar el Gadget de páginas y colocarlo en el lugar deseado, normalmente debajo de la cabecera del Blog.


         Si tenemos cierto numero de páginas, Blogger las coloca como vemos en la imagen.

    2ª.- Utilizar el Gadget Lista de enlaces, que normalmente colocamos en la zona lateral de nuestro Blog.

         
         Para configurar la lista, le indicamos el  Título (Contenido, Índice...), la dirección URL exacta de la  entrada o página a mostrar y el nombre que queremos que aparezca en la lista. La URL exacta de una entrada la obtenemos :


         En nuestra lista de entradas, hacemos clic en la opción Ver.



         Una vez que tenemos la entrada en pantalla copiamos la dirección.
         Si un enlace se dirige a una página, hacemos clic en Páginas. En nuestra lista de páginas , hacemos clic en la opción Ver . Una vez  en la pantalla copiamos la dirección.






    Si lo que nos interesa en nuestra lista de enlaces es que  aparezcan algunos de esta forma:


        Podemos utilizar otra posibilidad.

    3ª.- Utilizar el Gadget  HTML/Javascript  y  escribir el código completo que nos permita visualizar la lista de esa forma.

    Este es el código de los primeros enlaces de mi Menú de Contenidos. Los puntos suspensivos es donde deben de estar colocadas las URL exactas de la entrada o página correspondiente.

    <a href="........................................................................">Crear un Blog en Blogger</a><br />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp<a href=".................">Crear y publicar entradas</a><br />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp<a href=".................">Páginas en el Blog</a><br />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp<a href=".................">Configuración del Blog</a><br />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp<a href=".................">Plantilla del Blog</a><br />
    <a href="........................................................................">Enlaces en mi Blog </a> <br />

    Se puede copiar de aquí mismo (pegar en Edición Html), sustituir los puntos suspensivos por la Url correspondiente  y cambiar los títulos que apareceran en el menú.


    4ª.- Utilizar un menú con imágenes que aparte de llamativo (según lo consideremos) nos permite aprovechar el espacio disponible en nuestra plantilla . En este Blog utilizo un menú lateral de este tipo.




    <a href=".........." style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="................." title="............"/></a>
    <a href=".........." style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="................." title="............"/></a>
    <a href=".........." style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="................." title="............"/></a><a href=".........." style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="................." title="............"/></a>


    Éste es el código colocado en un gadget lateral de este Blog. Lo podemos copiar y sustituir :
    Los puntos suspensivos de href  por la url a visitar.
    Los puntos suspensivos de src por la url de nuestra imagen.
    Los puntos suspensivos de title  por el texto emergente que aparece al pasar el ratón sobre la imagen.

    Cuidado con eliminar las comillas.

    Podemos utilizar un menú de imágenes en el contenido de una entrada o  página de nuestro Blog, si lo consideramos necesario o llamativo.



    5ª.-

            Por último, si lo queremos es algo mucho más complejo:




    Éste es un menú desplegable colocado en la cabecera del Blog. Para colocarlo en nuestro Blog tendríamos que seguir un proceso:



    ******