miércoles, 26 de enero de 2011

Colocar pestañas de menú en Blogger

Hace tiempo que quería organizar algo mejor el blog colocando pestañas, al estilo de Wordpress. Después de sopesar el coste de abrir un nuevo blog o reformar este, he decidido probar como funciona la configuración con pestañas. Resumo aquí como recordatorio y por si a alguien más le puede servir. Básicamente he obtenido la información de entradas diversas de  Ciudad Blogger 
Paso 1 Introducir el gadget 'pàginas'. 
Para ello nos vamos a la pestaña 'Diseño', 'Elementos de página', pulsamos 'Añadir un gadget' y seleccionamos el gadget 'pàginas'. Despues lo arrastramos de forma que quede colocado debajo  de la cabecera. En el blog aparecerá ahora un menú de pestañas con una sola de ellas, 'Pagina principal' si no hemos modificado el nombre por defecto.
Paso 2 Introducir pàginas estàticas
Si solamente queremos introducir una o varias páginas fijas, el proceso siguiente es muy sencillo. Basta dirigirse a 'creación de entradas',  seleccionar la pestaña 'Editar páginas', y seguir los pasos. Automáticamente aparecerá una nueva pestaña con el nombre de la página.
Paso 3 Pestañas que agrupen las entradas del blog por temas
En mi caso me interesa que las pestañas recojan las entradas del blog agrupadas por tres o cuatro grandes categorías. La cosa se complica un poco, pero no demasiado.
Naturalmente, estas categorías deben aparecer como etiquetas de cada una de las entradas. Ahora, para crear una pestaña que recoja todas las entradas que contengan la etiqueta 'recursos didácticos' hay que proceder de la siguiente forma:
Entra a Diseño > Edición de HTML, marca la casilla Expandir plantillas de artilugios y tras la linea
</b:loop>
inserta la línea en rojo (tantas como pestañas quieras poner)
<b:widget id='PageList1' locked='false' title='Páginas' 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>
<li><a href='http://URL del enlace'>Título del enlace</a></li>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>


La URL para recoger los resultados de una etiqueta es:
http://miblog.blogspot.com/search/label/miEtiqueta
Por ejemplo, para que la pestaña recoja las entradas de mi blog etiquetadas como 'recursos didácticos' la línea será:
<li><a href='http://musilinux.blogspot.com/search/label/recursos didácticos'>Recursos didácticos</a></li>


Y eso es todo.
Seguir a @octavisoler

20 comentarios:

  1. Muchas gracias >___< o tenia idea que se hacia asi!!! pense que mi plantilla estaba mala o algo asi donde no podia poner pestañas.... de verdad... muchas gracias :D

    ResponderEliminar
  2. me sirvió mucho tu post. Gracias!!!

    ResponderEliminar
  3. no encuentro esos códigos que pones

    ResponderEliminar
  4. Consulta, si en vez de colocar solo enlace se podra colocar una imagen con enlace incluido? Gracias

    ResponderEliminar
  5. Muchas gracias por este post...me estaba volviendo loca buscando en internet una solución y la tuya ha sido la mejor, muchísimas gracias!!!

    ResponderEliminar
  6. pues a mi las pestañas del paso 3 (las que agrupan entradas) no me salen en el blog. ¿porque?

    ResponderEliminar
  7. Muchas gracias!!!!

    No sabes lo que me has ayudado, ufffff.

    ResponderEliminar
  8. lo q no consigo es ubicar las entradas en las pestañas , se pubblican siempre enla 1 era ,s abes donde esta esa opcion? graciasss

    ResponderEliminar
  9. Muchas gracias por esta entrada, me ha resultado súper útil :-)

    ResponderEliminar
  10. Perdonad, pero ami me sale que en gagets "páginas" ya está colocado, que debo hacer?

    ResponderEliminar
    Respuestas
    1. YO HE ENCONTRADO LA SOLUCIÓN AQUÍ:

      http://elblogdelainformatica10.blogspot.com.es/2011/11/gadget-paginas-ya-esta-anadido-pero-no.html

      Eliminar
  11. no consigo sacar las pestañas solo la pagina principal k estoy haciendo mal, me pueden ayudar??

    ResponderEliminar
  12. ya lo solucione, cometi el error de colocarlo en otro sitio, lo k tiene no prestar atencion bien al codigo jejejeje. mil gracias por tu post

    ResponderEliminar
  13. A mi no me aparece ninguna de esas opciones, de hecho hay mucha gente que ha movido cosas de la platilla por eso tambien es que ya no lo estan, y tengo la ultima version del blog 2013, deverias crear un videotutorial de los mismo pero actualizado que no podemos entender nada .-.

    ResponderEliminar

Gracias por comentar en este blog.