Configurar Página Inicio Blogger

Pues luego de usar la herramienta de CSS Menu Maker, me surgió la duda de cómo crear un enlace hacia la página de inicio y una hacia mi blog. Hice lo siguiente:

Primero
Anda a la Configuración de tu blog y haz clic en Formato. Cambia el valor de Mostrar a cero (0) entradas.

Segundo
Vamos a Diseño y en Edición HTML hacemos clic en Expandir Plantillas De Artilugios y buscamos (Ctrl + F) todas las sentencias showaddelement y cambiamos su valor de 'no' al valor 'yes'. Guardamos cambios.

Tercero
Vamos a Diseño y en Elementos De Página hacemos clic en Agregar Un Gadget. Buscamos el gadget de Texto. Aquí diseñamos lo que se mostrará al inicio de la página (puedes añadirle imágenes o en vez de un gadget de texto uno de video... será tu imaginación). Luego lo arrastramos al área donde se muestran las entradas. Es importante tener en cuenta el título del gadget. Digamos que le hayas puesto como título Introducción.

Cuarto
Vamos a Diseño y en Edición HTML hacemos clic en Expandir Plantillas De Artilugios y buscamos (Ctrl + F) lo siguiente:

<b:widget id='Text1' locked='false' title='Introducción' type='Text'>
<b:includable id='main'>

Nota que tiene el mismo nombre Introducción que le dimos al gadget de Texto. En la siguiente línea al <b:includable id='main'> pegamos esto:

<b:if cond='data:blog.homepageUrl == data:blog.url'>

Como unas 10 líneas más abajo de lo que buscaste encontrarás esto </b:includable>. En la anterior línea a esa sentencia pegamos esto:

</b:if>

¡Listo! Ahora solamente tendrás que cambiar los enlaces de tu menú. Esto es un ejemplo:

Menú
--> Inicio (URL de tu blog)
--> Blog (URL de tus entradas del año en curso)
--> Acerca de mí (URL de una entrada dedicada a tu presentación)

CSS Menu Maker

Este sitio es muy útil para la creación de menús para tu sitio web. Al elegir un menú y personalizarlo (Customize), se descarga un archivo .zip que contiene:

(1) Código HTML (en installation_instuctions.html)
(2) Código CSS (en un archivo menu_style.css)

Para el caso de blogger, el menú puede ponerse en la parte superior de tu página en el Diseño de Los Elementos de Página. Para esto:

(1) Hacer clic en Agregar un Gadget
(2) Busca el gadget siguiente: HTML/Javascript (es un gadget básico)
(3) Pegas el código HTML en el gadget y lo ubicas en la parte superior del Diseño de Página

El código CSS en cambio se pega en la Edición HTML en la pestaña de Diseño. De esta forma:

(1) Haces un visto en Expandir Plantillas De Artilugios. Esto para que no salga luego un mensaje de si estás seguro de modificar tu plantilla.
(2) Buscas (Ctrl + F) lo siguiente: ]]>
(3) En la línea anterior a ]]></b:skin> pegas el código CSS.

Debido a que descargaste el código CSS, este carga las imágenes localmente (en una carpeta llamada Images). Entonces para que puedan las imágenes estar cargadas en blogger, tienes que tener un servidor que aloje las imágenes para el menú. Te recomiendo Google Sites.

Entonces, luego de subir tus imágenes, cambias todas las sentencias del código CSS que digan:

url(images/nombre_imagen)

por

url(URLnombre_imagenAlojadaEnServidor)

Guarda la plantilla, y entonces podrás ver tu menú personalizado en tu sitio en blogger.

Recuerda que en CSS Menu Maker te pide un enlace para cada opción del menú, lo cual en blogger sería la URL de una de tus entradas (p. ej. esta entrada es: http://conocimientospc.blogspot.com/2009/01/css-menu-maker.html)

Quitando Barra Blogger

Quitar la barra de Blogger se consigue pegando en el diseño de tu plantilla el siguiente código HTML:

#navbar-iframe { display: none !important;}

Se lo hace viendo el Diseño de tu plantilla en "Edición de HTML". Y justo antes de la definición de variables, lo pegas. Aquí un ejemplo:

-----------------------------------------------
Blogger Template Style
Name: Rounders 3
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 27 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
#navbar-iframe { display: none !important;}

/* Variable definitions
====================

Lo malo es que ya no tienes la opción rápida de "Nueva Entrada" para la publicación y entonces hay que hacer clic en Editar Entrada y luego poner Crear... Pero sí es algo molestoso no tener la opción de Acceder y Salir de tu blog.