Browse » Home » , » Liste D�roulante Pour Les Libell�s Blogger

Liste D�roulante Pour Les Libell�s Blogger

Libell�s Blogger
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.





D�monstration
libell�s Blogger

Menu D�roulant Pour Les Libell�s Dans Blogger

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 :
<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>

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

0 komentar:

Posting Komentar