Añadir otros enlaces en el gadget de páginas estáticas

Ya hemos visto que desde hace algún tiempo podemos añadir páginas estáticas fácilmente a nuestro blog.
El problema es que una vez añadidas, los enlaces en forma de menú se muestran en el blog, pero solo los enlaces que hemos creado a las páginas estáticas.

Varias personas me han preguntado como añadir en ese mismo menú enlaces a otras páginas que no sean estáticas, por ejemplo una página de etiquetas, a una entrada concreta o incluso a una página externa.

Vamos a ver como hacerlo, pero antes de empezar hemos de tener añadidas las páginas estáticas.

[1] Una vez en nuestro escritorio de Blogger, vamos a Diseño - Edición HTML.

[2] Marcamos la casilla de "Expandir las plantillas de artilugios".

[3] Como ya tenemos añadidas las páginas estáticas, localizamos en la plantilla el gadget que las muestra y que será algo como esto:

<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

[4] Una vez localizado, añadiremos los enlaces que necesitamos justo después de </b:loop> tal como vemos en este ejemplo:

<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>

JUSTO AQUI AÑADIMOS LOS ENLACES

</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

[5] Los nuevos enlaces los colocamos de esta manera, uno debajo de otro:

<li><a href="DIRECCION_DEL_ENLACE">TEXTO_DEL_ENLACE</a></li>

[6] Usamos "Vista previa" y tendremos que ver algo como esto, los nuevos enlaces a continuación de las páginas estáticas en el orden en que los hayamos ido colocando:

[7] Si todo está correcto, guardamos los cambios.


Nota:

Si lo necesitas, puedes ver como añadir los enlaces en un menú a distintas páginas, entradas, archivos, etc.

Iconos sociales White Magik

Hermoso pack de iconos sociales compuesto por 45 iconos en formato PNG en color blanco.

Podemos obtenerlos en tres tamaños: 128x128 , 100x100, 64x64 comprimidos en un solo archivo .zip

Ideales para páginas de estilo minimalista.

Incluye iconos para los principales servicios sociales:
Blogger /Blogspot , Delicious, Digg, Facebook, flickr, Design float, Linkedin, Mixx, Myspace, Netvibes, Reddit, RSS, StumbleUpon, Technorati, Twitter, Visualizeus, Wordpress, Yahoo, Apple, Blinklist, Design bump, Google, MySpace, Orkut, Yahoo Buzz, YouTube.

VISTO EN:Cheth Studios

Mostrar la Navbar al final de la página

Hay cosas que nunca se te ocurren hasta que no las encuentras por casualidad en otro sitio, así ha sido en este caso que visitando el blog de Mamanues me fijé que estaba usando la Navbar de Blogger al pie de su blog y me gustó la idea.

En realidad es algo muy sencillo que podemos lograr añadiendo solo unas líneas de código en la parte del CSS de la plantilla.
Lo añadimos antes de ]]></b:skin>

#navbar-iframe {
position: fixed;
z-index:999;
right: 0px;
bottom: 0px;
left: 0px;
}

IDEA DE:Mamanues