Créer une barre de menu avec des images (Blogger)

Voici pour ceux qui serai intéressé, une astuce toute simple pour ajouter une barre de menu avec image ( ou la barre de menu METRO ) à l’entête comme sur mon blog...

1. Héberger les images à afficher sur un site hébergement. Pour récupérer par la suite les URL des Images...

2.Aller sur Mise en page / Modifier le code HTML et retrouve le paragraphe suivant :

]] >< /b:skin >

Et ajouter avant le code suivant :

/* Header */

#newnavbar ul li{
list-style-type: none;
display:inline;
margin:0px;
padding:30px;
border:0px solid;
}

Et enregistrer le modèle.

3.Allez sur Mise en page / Éléments de la page/Ajouter un gadget.
Et sélectionnez « HTML/JAVASCRIPT » dans la pop-up qui s’ouvrira copier ce code :

<div id='newnavbar'>
<ul>
<li><a href="URL de la page d’accueil "><img src="URL de l’image correspondante"></a></li>
<li><a href="URL du menu n° 1 "><img src=" URL de l’image correspondante "></a></li>
<li><a href="URL du menu n° 2"><img src=" URL de l’image correspondante "></a></li>
<li><a href="URL du menu n° 3"><img src=" URL de l’image correspondante "></a></li>
<li><a href="URL du menu n° 4"><img src=" URL de l’image correspondante "></a></li>
<li><a href="URL pour le contact"><img src=" URL de l’image correspondante "></a></li>
</ul></div>

Et puis avant d'ENREGISTRER remplaçer les zone en Rouge par les URL des images hébergées et mettre les URLS des menus en bleu par URL des pages destinataires des images)