Blog and Web

Agregar enlaces a un menú de páginas en Blogger

El widget de páginas estáticas de Blogger es muy útil para usarse como menú, sin embargo, tiene un punto débil: no se pueden agregar enlaces de otro tipo desde el panel. Pero sí es posible agregar enlaces desde el código.

1. Ir al código de la plantilla (Escritorio → Diseño → Edición HTML) y expandir plantilla de artilugios.

2. Buscar el código del widget de páginas, que es más o menos como sigue:

<b:widget id='PageList1' locked='true' 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>

Para facilitar la búsqueda, pueden buscar con el navegador: id=’PageList

3. Una vez ubicado el código, hay dos lugares donde se pueden colocar nuevos enlaces:

Como se trata de una lista HTML, el enlace seguiría el siguiente formato:

<li><a href='http://misitio.com/mienlace/'>Mi enlace</a></li>

Se pueden agregar tantos enlaces como el diseño lo permita. Siempre teniendo cuidado de abrir y cerrar correctamente las etiquetas.

4. Guardar los cambios.

De este modo se pueden agregar enlaces a una etiqueta importante, un sitio externo, al url del feed o cualquier otro sitio.