Barre de menu

Après la première méthode pour ajouter une barre de navigation sur son blog, en voici une qui vous permet de mettre de lien comme menu de navigation juste au dessus de l'entête de votre blog.

Le processus est très simple:

1. Se connecter sur son compte Blogger, aller sur modèle, puis sur modifier le code HTML, là NE PAS cocher la case pour « Développer des modèles de gadget ». Cherche le bloc de code ci-après :

<div id='header-wrapper'><b:section class='menubar' id='menubar' maxwidgets='1' showaddelement='yes'><b:widget id='LinkList2' locked='true' title='Menubar' type='LinkList'/></b:section><b:section class='header' id='header' maxwidgets='1' showaddelement='no'><b:widget id='Header1' locked='false' title='Le nom de votre Blog (Header)' type='Header'/></b:section></div>

Ajouter les lignes en rouge à l’emplacement indiqué.

Changez maxwidgets='1' en maxwidgets='3' et pour le showaddelement='no' changez no en yes showaddelement='yes'


2. Juste avant la balise ]]></b:skin> collez le code ci-dessous :

#menubar h2 {display:none;

}

#menubar ul {
list-style: none;

}

#menubar li {
float: left;

}

#menubar a:link, #menubar a:visited, #menubar a:hover {
padding: 5px;
display: block;
color: $headerTextColor;

}

#menubar a:hover {
background-color: $headerCornersColor;

}

3. Enregistrer le modèle et se rendre “éléments de la page”, vous y verrez une nouvelle barre juste AVANTcelle de l’entête.

4. Cliquez sur modifier (vers la fin de la nouvelle barre) et intégrez les liens ainsi que le titre que vous voulez.

5. Enregistrez le tout et allez voir le résultat.

Astuce trouvé chez Hans.

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

Et n'oubliez pas de donner un point de plus à cet article en cliquant sur le petit bouton rouge .