29 mai 2012

Liste Déroulante Pour Les Libellés Blogger

Libellés Blogger
Le widget libellés de Blogger est présenté sous forme d'une liste verticale de liens ou encore d'un nuage.
Certains blogueurs se retrouvent avec trop de libellés, ce qui devient un peu illisible et le widget prendra trop d'espace.
Nous allons voir dans ce tutoriel comment adapter le gadget libellés sous forme de menu ou d'une liste déroulante contenant tous les libellés, étiquettes, catégories de votre blog.





Démonstration
libellés Blogger

Menu Déroulant Pour Les Libellés Dans Blogger

1. Si vous n'avez pas encore installé le gadget "Libellés", alors rendez-vous dans l'onglet "Mise En Page" de votre blog, et cliquez sur "Ajouter un gadget".
Dans la liste des gadgets proposée par Blogger, sélectionnez "Libellés". Vous pouvez ensuite configurer ce gadget en choisissant d'afficher tous les libellés de votre blog, ou seulement une sélection correspondant à vos catégories les plus importants. Ces libellés pourront également être classés par fréquence ou par ordre alphabétique. Il ne vous restera ensuite qu'à choisir l'emplacement de votre widget libellés.

2. Allez maintenant à "Modèle" > "Modifier le code HTML" > Gadgets NON Développés et recherchez (avec ctrl+F) la ligne suivante :
<b:widget id='Label1' locked='false' title='Libellés' type='Label'/>

3. Remplacez la ligne précédente avec le code suivant
<b:widget id='Label99' locked='false' title='Labels' 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;' style='width:200px'>
<option>Labels</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
</option>
</b:loop>
</select>

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

- Note : le texte en Bleu c'est le texte qui sera affiché sur la liste déroulante. Vous pouvez le modifier avec Libellés, Catégories, etc...
4. Enregistrer votre modèle.

Voilà, le gadget libellés s'affiche maintenant sous forme d'un menu déroulant.

5 commentaires:

  1. bX-fpqiim
    ça ne marche pas pour moi. Voir message d'erreur ci dessus.
    mon blog est abbeslabdelli.blogspot.com.
    merci beaucoup pour ce que vous faites pour nous aider.

    RépondreSupprimer
  2. Merci, c'est exactement ce que je recherchais !! Bravo pour ces explications toutes simples (il faut réfléchir un peu et changer 1 ou 2 bidouilles) mais cela ne relève que du bon sens.
    Merci encore ! :-)

    http://annegraindorge.blogspot.fr/

    RépondreSupprimer
  3. Bonjour,
    est-il possible d'avoir ce genre de menu déroulant mais sans contour, sans cadre, un peu comme celui-ci (http://lanovice.blogspot.fr/) dans la partie droite "navigation" ?
    Merci d'avance!

    RépondreSupprimer
  4. Bonjour, Je remplace la ligne de code du widget par celle qui se trouve dans l'encadré et j'obtiens un message d'erreur quand je veux enregistrer.
    ligne 2240 colonne 5, l'élément de type "". Si je vais à la ligne indiquée il y a ceci : . Cherchez l'erreur ! nulle par dans le code je n'ai trouvé de "section-content".

    RépondreSupprimer