Hacer una pagina de inicio en Blogger: El Emporio del Blog.

En este breve tutorial, analizaremos como hacer para crear una página de inicio o página principal.

Bien, primero tener en cuenta que haremos bastantes modificaciones en la plantilla, aunque no afectarán al resto del Blog, sólo lo digo para que tengan en cuenta lo de guardarla a cada rato y busquen los códigos con Control+F o bien Control+B.

Primero: Vamos a configuración, seleccionamos la sección de formato y en la primera parte de formato que dice "mostrar X entradas en la página principal" cambiamos X (que en cada Blog varía) por o (cero). De modo que nos queda "mostrar 0 entradas..."

Segundo: Vamos a sacar algunos elementos que estorban en nuestra navegación:

> La navbar: (barra de navegación, se encuentra en la parte superior del Blog. De esta forma se elimina completamente:

Bien justo despues de la etiqueta head insertamos en siguiente código:

<span class="Apple-style-span" style=" white-space: normal; color: rgb(153, 0, 0); line-height: 20px; font-family:'courier new';font-size:14px;"><style type="text/css"></span></span></div><span class="Apple-style-span" style=" color: rgb(153, 0, 0); line-height: 20px; font-family:'courier new';font-size:14px;">#navbar-iframe {<br />height:0px;<br />visibility:hidden;<br />display:none;<br />}<br /></style>


>De esta otra forma solo la hacemos invisible y al pasar el mouse por encima, aparece: <style type="text/css"><br />#navbar-iframe {<br />opacity: 0.0; filter: alpha(Opacity=0)<br />}<br />#navbar-iframe:hover {<br />opacity: 1.0;<br />filter: alpha(Opacity=100,FinishedOpacity=100)<br />}<br /></style>Antes del insertamos:

>El mensaje"mostrando entradas con la estiqueta...":

Debemos borrar el siguiente código y nada más:

<b:include data="'top'" name="'status-message'">

>Y todos los widgets que no queramos por ejemplo archivo el Blog, datos personales, etc.

Tercero: Vamos a diseño>edición de HTML y expandimos artilugios.

A continuación buscamos showaddelement (aparecerá tres veces) y cambiamos el valor que aparece al lado, entrecomillado: sustituimos "no" por "yes" (tres veces)

Guardamos los cambios y nos dirigimos a diseño de nuevo.

Cuarto: En diseño>elementos de página, añadimos el nuevo widget que queremos que sea la página de inicio (puede ser de texto, html/javascript, imágen, etc.). y le damos el nombre de INICIO.

Quinto: Para que este gadget sólo se muestre en la página principal del Blog y no en la secundarias, vamos a editar el código html una vez más. Con Control+F localizamos el gadget que acabamos de añadir (en este caso INICIO, pero puedes llamarlo como quieras).

Veremos algo parecido a esto:

>Lo que está en gris y negrita hay que agregarlo y listo.