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.
Pour voir un exemple du gadget libellés transformé en menu déroulant cliquer ICI
Voici comment faire pour transformer le Gadget Libellés en menu déroulant sur Blogger :
4. 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...
Pour voir un exemple du gadget libellés transformé en menu déroulant cliquer ICI
Voici comment faire pour transformer le Gadget Libellés en menu déroulant sur Blogger :
- Allez sur votre tableau de bord Blogger.
- Aller sur Modéle et cliquer sur "Modifier le code HTML"
- 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..
Enregistrer un commentaire
Laisser un commentaire