Transformer le Gadget Libellés en menu déroulant sur Blogger



Suite à une demande par mail, je vais vous expliquer comment créer un menu déroulant avec le gadget Libellés. Le gadget libellés de Blogger est présenté sous forme d'une liste verticale de liens ou encore d'un nuage.

Transformer le Gadget Libellés en menu déroulant sur Blogger

Pour voir un exemple du gadget libellés transformé en menu déroulant cliquer ICI

Gadget Libellés en menu déroulant sur Blogger



Voici comment faire pour transformer le Gadget Libellés en menu déroulant sur Blogger :

  1. Allez sur votre tableau de bord Blogger.
  2. Aller sur Modéle et cliquer sur "Modifier le code HTML"
  3. Remplacer le code ci-dessous (Faire Ctrl + F et taper Label1 pour vous aider ou le nom donné au gadget libellés) :

<b:widget id='Label1' locked='false' title='Libellé' type='Label'>

Jusqu'à

</b:widget>


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

  • Et enregistrer votre modèle..

Poster un Commentaire

Laisser un commentaire

Plus récente Plus ancienne