Sitemap avanzado para Blogger

Si bien recuerdan, en una entrada anterior les compartía un método sencillo para agregar un índice en Blogger, o lo que vendría a ser lo mismo; una tabla de contenido o sitemap. Como ya habíamos comentado entonces, es de gran importancia contar con este elemento en nuestro blog, para así organizar el contenido y ofrecer al lector una muestra de todas nuestras entradas en una sola página. 

Para complementar aquella información, hoy voy enseñarles otra manera de añadir un sitemap en Blogger, de igual manera fácil de implementar, pero con la gran diferencia de que este no se limitará únicamente a mostrar entradas, sino permitir al visitante ordenarlas por nuevas o actualizadas, filtrar por etiquetas (categorías) y por último, usando un buscador si así lo prefiere.

En la siguiente imagen se ilustra una vista previa de cómo se visualizará.

Poner un sitemap avanzado en Blogger

Paso 1.- Ve al panel y crea una nueva página, entra en modo HTML

Paso 2.- En su interior pega el siguiente código:

<div id="table-outer">
<table><tbody>
<tr><td><label>Ordenar entradas por : </label></td><td><select id="orderFeedBy"><option selected="" value="published">Nuevas</option><option value="updated">Actualizadas</option></select></td></tr>
<tr><td><label>Filtrar por etiquetas : </label></td><td><span id="labelSorter"><select disabled=""><option selected="">Cargando...</option></select></span></td></tr>
<tr><td><label>Buscar por palabra clave : </label></td><td><form id="postSearcher">
<input type="text" /></form>
</td></tr>
</tbody></table>
</div>
<header id="resultDesc"></header>
<ul id="feedContainer"></ul>
<div id="feedNav">
Cargando entradas...</div>
<script src="https://dl.dropboxusercontent.com/u/70359132/0Bxyf5AC_ilPwNFhjdFdDcnlseHM(OK)" type="text/javascript"></script>

Finalmente haz clic en el botón Publicar para guardar los cambios y eso será todo. Copia la URL de tu nueva página sitemap y colócalo donde quieras ;-)

¿Te gustó? Dale un vistazo al demo y coméntanos cuál sitemap te gusta más: ¿simple o avanzado?

Tweet