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.
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 :
3. Remplacez la ligne précédente avec le code suivant
- 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.
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
Menu Déroulant Pour Les Libellés Dans Blogger
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>
<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.
bX-fpqiim
RépondreSupprimerç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.
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.
RépondreSupprimerMerci encore ! :-)
http://annegraindorge.blogspot.fr/
Bonjour,
RépondreSupprimerest-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!
Fonctionne bien :)
RépondreSupprimerMerci
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.
RépondreSupprimerligne 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".