Liste des liens avec boutons

Un commentaire anonyme à l'article "Afficher vos libellés avec boutons" disait ceci :

" Comment choisir parmi mes libellés seulement 2 à 3 libellés dont le titre apparaitra sous forme de boutons horizontaux ?"

Il est vrai que quand on a une foule des libellés, on n'aimerait pas tous les afficher sur la barre horizontale du menu. Pour n'en mettre que quelques uns, il faut ajouter un widget des liens avec boutons où vous pourrez sélectionner les liens de libellés à insérer. Voici encore une astuce de hoctro pour arriver à cette fin.

Etape 1 : Ajouter le code css

Prendre le code css pour la marque de bouton que vous préférez et mettez le dans votre modèle en suivant les indications données.

Etape 2: Ajouter le code pour la liste des liens

Se connecter à votre compte Blogger. Aller sur « modèle », « modifier le code html » et là cocher sur « développer des modèles de gadget ». Trouver une balise ressemblant à peu près à celle-ci < b:section class='sidebar' ... et mettre le code suivant juste en dessous.

<b:widget id='LinkList10' locked='false' title='Liste des liens' type='LinkList'>

<b:includable id='main'>

<div id='tabsF'>

<ul>

<li><a expr:href='data:blog.homepageUrl'>

<span>Accueil</span></a></li>

<b:loop values='data:links' var='link'>

<li><a expr:href='data:link.target'><span>

<data:link.name/></span></a></li>

</b:loop>

</ul>

</div>

</b:includable>

</b:widget>

Sur la troisième ligne du code ci-haut se trouve la balise permettant l’appel des boutons à afficher. Sur vous avez choisis le menu tab E, remplacez tabsF par tabsE. Si par contre, vous avez choisis le menu tab A, remplacez tabsF par tabsA.

Enregistrez votre modèle.

Etape 3 : Ajouter des liens à la nouvelle liste des liens

Aller sur « éléments de la page » et cliquer sur « modifier » du widget « Liste des liens ». Vous aurez la possibilité de changer le titre du widget et d’y ajouter des nouveaux liens. Ainsi, vous pourez choisir les liens des libellés que vous voulez afficher à votre menu.

Etape 4 : Rendre horizontale la liste des liens avec boutons

Pour rendre horizontale la liste des liens avec boutons, coller le code de l’étape 2 après la balise

<b:section class="header" id="header" maxwidgets="1" showaddelement="no">

que vous aurez transformé en celle-ci :

<b:section class="header" id="header" maxwidgets="2" showaddelement="yes">

Pour des plus amples explications, voir l’article « Ajouter un élément à l’entête de votre blog ».

Si cet article vous a plus, vous pouvez souscrire à mon feed rss ou à ma newsletter pour rester à jour ou encore rejoindre ma communauté sur Blogcatolog. N'oubliez pas d'ajouter ce blog à vos favoris sur Technorati.