Ajouter Des Liens Non Statiques au Gadget PageList Blogger

Nous allons voir dans ce tutoriel comment ajouter des liens "non statiques" au gadget PageList de Blogger.
En fait, il existe deux m�thodes pour ajouter des URLs (liens externes, urls de libell�s, adresse d'un article etc...) au menu de pages Blogger :
- La premi�re m�thode (la plus simple) consiste � utiliser la nouvelle interface Blogger.
- La deuxi�me (un peu plus compliqu�) consiste � modifier le code Html de votre mod�le.

M�thode 1 : � l'aide de la nouvelle interface Blogger

1. Cliquez sur le lien 'Effectuer la mise � jour d�s maintenant' en haut du tableau de bord Blogger. (Vous pouvez toujours revenir � l'ancienne interface � tout moment)

2. Cliquez sur le menu 'gris' � c�t� du blogue dans lequel vous souhaitez ajouter des liens, puis s�lectionnez 'Pages'

3. Cliquez maintenant sur 'Nouvelle Page' puis 'Adresse web'

4. Entrez le titre et l'URL du lien puis cliquez sur 'Enregistrer'

M�thode 2 : En Modifiant le code HTML

1. Si vous n'avez pas encore install� le gadget "PageList", 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 "Pages". Vous pouvez ensuite configurer ce gadget en choisissant un titre et les pages � afficher.

2. Allez maintenant � "Mod�le" > "Modifier le code HTML" > "D�velopper des mod�les de gadgets"

3. Rechercher le code du gadget "Pages", comme ceci :

<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
    <b:if cond='data:mobile'>
      <select expr:id='data:widget.instanceId + "_select"'>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <option expr:value='data:link.href' selected='selected'><data:link.title/></option>
          <b:else/>
            <option expr:value='data:link.href'><data:link.title/></option>
          </b:if>
        </b:loop>
      </select>
      <span class='pagelist-arrow'>&#9660;</span>

    <b:else/>
      <ul>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
          <b:else/>
            <li><a expr:href='data:link.href'><data:link.title/></a></li>
          </b:if>
        </b:loop>
    Ins�rer vos liens ICI
      </ul>
    </b:if>
    <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

4. Ins�rer les liens entre les balise </b:loop> et </ul> de la fa�on suivante

<li> <a href="URL_du_lien">Titre Du Lien</a></li>

Voila c'est tout pour ce tutoriel, esp�rant qu'il r�pond � vos attentes.

Label: Blogger Hacks, Tutoriel Blogger

download