Comment Ajouter un Menu Verticale à Votre Blog Blogger

1.Rendez-vous sur votre compte Blogger--> Présentation- -> Modifier le code HTML

2Rechercher la ligne suivante ]]></b:skin>.

3.Copier/Coller ce code juste avant ]]></b:skin>.

#menu6 ul { list-style: none; margin: 0; padding: 0; } #menu6 img { border: none; } #menu6 { width: 200px; margin: 10px; } #menu6 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu6 li a:link, #menu6 li a:visited { color: #8D9179; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGwpz307U8i0wPdTCnyPlj0xIY8xgkLKgr7_umYrYMEQM1StfyCXCByjLVP0NMPBdFqSbDW_ro8ylmKG5qra5dTujVLrEATJY0CFzWJT8IYbyjtkZS9ec8EAcyVjXbEtLzyvLNgrsyvk/); padding: 8px 0 0 10px; } #menu6 li a:hover, #menu6 li #current, #menu6 li a:active { color: #6C7250; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGwpz307U8i0wPdTCnyPlj0xIY8xgkLKgr7_umYrYMEQM1StfyCXCByjLVP0NMPBdFqSbDW_ro8ylmKG5qra5dTujVLrEATJY0CFzWJT8IYbyjtkZS9ec8EAcyVjXbEtLzyvLNgrsyvk/) 0 -32px; padding: 8px 0 0 10px; }

4. Sauvegarder votre Template.

5.Maintenant aller sur Présentation --> Élément de la page.

6.Cliquer sue 'Ajouter un Gadget'.
7. Sélectionner 'HTML/Javascript' et coller le code suivant:

<div id="menu9"> <ul> <li><a href="#1">Lien 1</a></li> <li><a href="#2">Lien 2</a></li> <li><a href="#3">Lien 3</a></li> <li><a href="#4">Lien 4</a></li> <li><a href="#5">Lien 5</a></li> </ul> </div> 

Remarque: Remplacer (#) avec le liens de vos pages adéquat et  Lien1, Lien2,Lien3 etc Avec le titre de vos page.

8. Sauvegarder.