Gadget libellés avec descriptions pour chacun d’eux

By
Advertisement

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.

Ajouter des description aux libellés gadget

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).


@+


5 commentaires:

  1. Super Rodney. Au passage, j'en profite pour te demander ceci : pourrais-tu placer sous tes articles les boutons pour le partage : G+, Twitter et FB ? Histoire que les fatiguées de naissance ne doivent pas tout faire à la main ? ;o)

    RépondreSupprimer
  2. C'est intéressant de découvrir votre article que je vois traite une thématique assez importante et qui a besoin de discussion immédiate.

    RépondreSupprimer
  3. Salut à toi Rodney!
    Trop la classe ton blog! Ultra pratique! Merci éh!
    Une p'tite question: comment tu fais pour mettre ce message toujours en haut???
    Merciiii!

    RépondreSupprimer
  4. merci Rodney;
    J'ai le plaisir de t'inviter à visiter mon tout nouveau site web, à l'adresse suivante:
    http://html-webmaster1.blogspot.com/
    Viens faire un tour, et dis-moi ce que tu en penses!
    A bientôt

    RépondreSupprimer
  5. Merci pour cette article, site bien fait...

    Régie publicitaire Internet

    RépondreSupprimer

Salut Cher Lecteur.

Bien que les commentaires ne sont pas modérés en amont, ne perdez pas votre temps à mettre des commentaires sans aucun lien avec l'article. Ils seront effacés.

Ne venez surtout pas mettre des commentaires bidons pour promouvoir les sciences occultes ici (voyance, magie, etc.), vérifiez le blog, aucun commentaire de ce genre n'a résisté à la gomme de l'administrateur.

Bon, ceci étant dit, puissiez-vous respecter les lois de votre pays, les lois universelles ainsi que le bon sens en postant votre commentaire sur ce blog.

Remarque : Seul un membre de ce blog est autorisé à enregistrer un commentaire.

@ Blogger au bout du doigt. Fourni par Blogger.

SEO & REFERENCEMENT