Páginas

miércoles, 11 de abril de 2012

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:
  • Antes de <ul>. El enlace aparece primero en el menú.
  • Después de </ul>. El enlace aparece último en el menú. Nótese la diagonal de cierre de la etiqueta.
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.

No hay comentarios:

Publicar un comentario