Reducir lista de tags en Blogger
Hace varios días vengo pensando en que el widget que lista los tags es poco configurable, dado que uno sólo lo agrega y no puede setear ningún parámetro. Un parámetro que me resulta importante es poder decir cuales tags debería mostrar a partir de la cantidad de referencias que tenga, porque el listado se va extendiendo cada vez más y más, haciendo molesta la navegación sobre el resto de los widgets. Además la mayoría de los tags tienen una o dos referencias, así que no es tan importante listarlos.
Por eso, me puse a buscar en el código del widget para poder cambiar esto, y porque tal vez alguien más esté pasando por lo mismo, les publico la solución.
La solución (lejos de ser óptima) es la siguiente:
- ir a la pantalla de "Diseño" y elegir "Edición de HTML"
- para ver el código de los widget, selecionen el checkbox "Expandir plantillas de artilugios" (beugh q feo suena artilugios...).
- busquen el id del widget que lista los tags en el código. Para saber cuál es el id del widget, en la página de su blog, utilicen la herramienta para ver el código fuente del firefox o el IE, o el browser q tengan, y busquenlo ahí. Es mucho más fácil encontrarlo si utilizan firefox + firebug (add-on para firefox).
Otra forma es buscar dentro de la pantalla de edición HTML de blogger el código "data:labels", con eso también encuentran el código del widget.
- el código de los tags debe verse similar a este:

<b:widget id='Label1' locked='false' title='Tags' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <ul>
    <b:loop values='data:labels' var='label'>
          <li>
           <b:if cond='data:blog.url == data:label.url'>
             <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
           <b:else/>
             <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
           </b:if>
           <span dir='ltr'>(<data:label.count/>)</span>
         </li>
    </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>

- en ese código, haremos una modificación extremadamente simple. Agregaremos una condición if para que en la lista aparezcan sólo aquellos tags que se referencian más de 2 veces (ustedes elijan el valor que quieran). Las sentencias a agregar son <b:if cond="'data:label.count"> y </b:if>, donde > 2 significa que el contador deba ser mayor a dos (repito, pongan el valor que gusten).
El código con las sentencias agregadas debería quedarles similar a esto (encontrarán un comentario al lado de las sentencias agregadas):

<b:widget id='Label1' locked='false' title='Tags' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <ul>
    <b:loop values='data:labels' var='label'>
       <b:if cond='data:label.count > 2'>
          <li>
           <b:if cond='data:blog.url == data:label.url'>
             <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
           <b:else/>
             <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
           </b:if>
           <span dir='ltr'>(<data:label.count/>)</span>
         </li>
      </b:if>
    </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>

- guardar y ver los resultados!

Si les interesa conocer un poco más sobre cómo funciona el diseño de widgets y de blogger en general, visiten la página de ayuda de blogger.

Este post va dedicado a Javi, ya que quería hacer algo similar y como yo tengo un poco más de tiempo libre, lo terminé haciendo antes. Además es una forma de agradecerle por haberme prestado la imagen que estoy utilizando en el header del blog, la cual creo que quedó excelente.

1 comentarios:

Sebas dijo...

hola vicc!! como andas?? espero q todo bien! :)
che lindo blog!! no lei todas las noticias aun pero con tiempo las voy a ir leyendo!
hay q darle para adelante! vi q pasaste por el nuestro...recien empieza jajaja pero no hay q aflojarle!
cq cosa dps nos agregamos como links cruzados si te parece!
te dejo un abrazo che, q andes bien!

Publicar un comentario