martes, 4 de octubre de 2011

All you need is BLOG - Gadget para etiquetas

Las barras laterales de nuestro blog
generalmente están cargadas con gadgets
que facilitan el uso de la página a nuestros lectores.

Hoy te presentaré paso a paso como agregar el gadget de etiquetas
y si gustas hacerle unos pequeños cambios para que no sature tus barras laterales
un pequeño ajuste para convertirlo de nubo ó lista a menú despegable.

Para agregarlo:

Desde tu escritorio, en la pestaña Diseño/Elementos de la página
Añadir un gadget/Etiquetas

image

Configura según tu gusto

image

Con la configuración anterior tus etiquetas se mostrarán así en tu barra lateral

image

Si quieres darle un giro y cambiar esta nube a un menú despegable, sigue estos pasos:

Desde tu escritorio en Diseño/Edición HTML

Descarga tu plantilla completa

Sin expandir artilugios busca el siguiente comando:

<b:widget id='Label1' locked='false' title='Categorías' type='Label'/>

Selecciona la leyenda completa y en su lugar pega lo siguiente:

<b:widget id='Label1' locked='false' title='Categorías' type='Label'>
<b:includable id='main'>
  
<b:if cond='data:title'>
      <h2><data:title/></h2>
   </b:if>
   <div class='widget-content'>

<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
   <option>Categorías</option>
   <b:loop values='data:labels' var='label'>
       <option expr:value='data:label.url'><data:label.name/>
          (<data:label.count/>)
      </option>
   </b:loop>
</select>

      <b:include name='quickedit'/>
   </div>
</b:includable>
</b:widget>

Listo ya tienes tus categorías en un espacio minimizado,
el cual se verá parecido a esto:

image

Espero te sirva

Gracias por visitarme

Firma new

No hay comentarios:

Publicar un comentario

Me encanta leer tus comentarios