Podríamos decir que no existe un menú como tal, pero lo que he hecho es un "arreglo" que podría convertir el menú en una especie de filtro, por lo que así podríamos filtrar las entradas mediante el enlace del menú que pulsemos, para esto es imprescindible que todas las entradas estén etiquetadas
Primero agrego un elemento a mi blog de tipo script para crear el menú mediante html,
a continuación creo los elementos del menú por los que filtraré las entradas, le añado los enlaces mediante la propiedad innerHTML, el enlace será el mismo que cuando pulsamos en la etiqueta en cuestión, es decir, si un elemento del menú es peliculas, y la etiqueta que le ponemos a las entradas es película, el enlace de la etiqueta pelicula se lo asignaremos al elemento del menú películas mediante este script:
- Ejemplo de como creo el menú y le añado los enlaces de las etiquetas mediante el atributo innerHTML para filtrar las entradas:
<script language="JavaScript">
document.getElementById('PageList1').innerHTML = "<h2>Páginas</h2> <div class=" + '"widget-content"'+"> <ul> <li class=" + '"selected"' + "><a href="+'"http://borchbloguero.blogspot.com.es/"' + ">Todas las Entradas</a></li> <li><a href="+'"http://borchbloguero.blogspot.com.es/search/label/Videos"'+">Videos</a></li> <li><a href="+'"http://borchbloguero.blogspot.com.es/search/label/Peliculas-Series"'+">Peliculas - Series</a></li> <li><a href="+'"http://borchbloguero.blogspot.com.es/search/label/Videojuegos"'+">Videojuegos</a></li> <li><a href="+'"http://borchbloguero.blogspot.com.es/search/label/Documentos"'+">Documentos</a></li> <li><a href="+'"http://borchbloguero.blogspot.com.es/search/label/Soluciones"'+">Soluciones</a></li> </ul> <div class="+'"clear"'+"></div> <span class="+'"widget-item-control"'+"> <span class="+'"item-control blog-admin"'+"> <a class="+'"quickedit"'+" href="+'"http://www.blogger.com/rearrange?blogID=3194441209421974032&widgetType=PageList&widgetId=PageList1&action=editWidget&sectionId=crosscol"'+" onclick='return _WidgetManager._PopupConfig(document.getElementById("+'"PageList1"'+"));' target="+'"configPageList1"'+" title="+'"Editar"'+"> <img rc="+'"http://img1.blogblog.com/img/icon18_wrench_allbkg.png"'+" height="+'"18"'+" width="+'"18"'+"> </a> </span> </span> <div class="+'"clear"'+"></div> </div>";
</script>
Cada uno tendréis que adaptarlo según vuestros elementos del menú y etiquetas.
Espero haber servido de ayuda.
No hay comentarios:
Publicar un comentario