Comment ajouter dans Blogger un menu dans la barre horizontage qui renvoie vers un autre blog ?

Le gadget de la barre horizontale s'appelle "PageList". Pour créer un menu qui pointe vers un message précis de votre blog ou vers une adresse internet extérieur à celui-ci, il va falloir ajouter du code HTML à votre gadget (widget). On se rend donc dans le menu "Modifier le code HTML" de l'onglet "Présentation", on coche "Développer les modèles de gadgets" pour se rendre à l'endroit du widget "PageList1" (attention si vous avez utilisé plusieurs fois ce gadget il est possible que le nom du widget ne soit pas PageList1 mais PageList2, PageList3..., lire ici pour connaitre le nom exact si nécessaire). Vous devriez trouver le code suivant concernant votre widget :

<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 + &quot;_select&quot;'>
        <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'>&amp;#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>
      </ul>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>

C'est entre les balises </b:loop> et </ul> (mis en rouge ci-dessus) qu'il  va falloir inclure notre nouveau menu désiré. Le code à indiquer entre ses 2 balises est :

<li>
<a href='Adresse url (une page précise du blog, un autre blog ou un autre site)'>le nom du menu</a>
</li>

Exemple :

Le menu "News" dans la barre horizontale du blog http://easydebrid.blogspot.com/ renvoie vers le blog http://hebergement-de-fichiers.blogspot.com/.

Le code ajouté a été : 

<li><a href='http://hebergement-de-fichiers.blogspot.com/' target='_blank'>News</a></li>

target='_blank' permet d'ouvrir le blog http://hebergement-de-fichiers.blogspot.com/ dans un nouvel onglet et non dans le même.

personnaliser menu barre horizontale blogger

A savoir : La page nouvellement créée n'apparaitra pas dans le gadget car mise directement dans le code html, pour la supprimer il faudra donc supprimer le code ajouté. Il est possible de créer plusieurs menus de cette façon. Les menus créer sauront toujours derrières les menus réalisés par le widget.

Ne pas confondre ' et " lors de la modification.
Ne pas oublier de cocher : "Développer les modèles de gadgets".


Dans la nouvelle interface de Blogger (draft) la modification s'effectue dans le menu "Modèle" en cliquant sur "Modifier le code HTML".