Gadget libellés avec descriptions pour chacun d’eux

Les visiteurs cliquent sur les liens qui fournissent assez d’information sur les choses qu’ils vont y découvrir. Le problème avec le gadget libellés fournit par Blogger, c’est qu’il n’affiche que les libellés sélectionnés, sans fournir des informations sur ce que les visiteurs sont censés trouvés sur lesdites pages.

Voici pour vous une astuce trouvée chez Blogger Pluggins et qui permet d’afficher les descriptions pour les libellés dans le gadget conçus pour ceux-ci. Il fonctionnera correctement pour ceux qui affichent la liste des libellés et non pour ceux qui affichent un nuage des libellés comme moi.

1. Modification du gadget

<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>
<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>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
<!-- Début des  descriptions des libellés -->
<b:if cond='data:label.name == "nomdulibellé"'>
<span class="labeldesc"> – Description du libellé ici</span>
</b:if>
<b:if cond='data:label.name == "nomdulibellé"'>
<span class="labeldesc"> - Description du libellé ici</span>
</b:if>
<b:if cond='data:label.name == "nomdulibellé"'>
<span class="labeldesc"> - Description du libellé ici</span>
</b:if>
<!-- Fin des descriptions des libellés –> 

</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
<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>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Dans le code ci-dessus, il vous suffira de remplacez nomdulibellé par le nom du libellé pour lequel vous allez ajouter une description à l’endroit indiqué (à la place de “Description du libellé”).

Si vous avez plus de 3 libellés pour lequel vous voulez afficher une description, il vous suffira d’ajouter ce bout de code

<b:if cond='data:label.name == "nomdulibellé"'> <span class="labeldesc"> - Description du libellé ici</span> </b:if>

juste avant la ligne suivante et effectuer les modifications nécessaires.

 <!-- Fin des descriptions des libellés –> 

2. Connectez vous à votre compte blogger, cliquez sur “Modèle” pour le blog où vous allez ajouter la fonctionnalité. Sur la page qui va s’afficher, cliquez sur “Modifier le code html” puis sur “Traiter”.

2. Trouvez la ligne suivante

<b:widget id='Label1' locked='false' title='Labels' type='Label'/>

Prenez le code de l’étape 1 que vous avez modifié et mettez-le à la place de celui ci-dessus. Cliquez sur “Enregistrer” et allez admirer le résultat.

Vous devriez dorénavant avoir un gadget libellés avec description pour chacun d’eux (ou au moins pour ceux dont vous aurez ajouté une description).

@+