Supprimer ou modifier la barre navigation Blogger

obtenir ces boutons

Supprimer la barre de navigation Blogger
en haut de l'écran - Changer sa couleur

Pour changer la couleur de la barre de navigation Blogger, il suffit de placer le code ci-dessous dans la partie centrale en CSS (mise en page) du template : #navbar-iframe { background-color:red;}
(soit rouge avec cet exemple).

Les couleurs sont identifiées par :
- un nom : par exemple : "red" ;
- un code "rgb" (red-green-blue) : par exemple "rgb(255, 102, 102)";
- un code hexadécimal : par exemple "#9BC3D5" (en 6 ou 3 chiffres).

Pour consulter (en français) une liste alphabétique de couleurs et les codes correspondants (hexadécimal et rgb) : cliquer ici.

NOUVEAU : une autre méthode pour changer la couleur de cette barre de navigation de Blogger consiste, depuis le "Tableau de bord" concernant un blog, à :
- cliquer sur "Mise en Page" ;
- dans le rectangle "Navbar" en haut à droite, cliquer sur "Modifier" ;
- sélectionner une des couleurs disponibles :
bleu - brun - noir - gris clair - clair transparente - foncée transparente ;
- Enregistrer.

* * * * *
On peut avoir envie de supprimer la barre de navigation de Blogger (en haut de l'écran) pour 2 raisons :
- le côté "blog" et moins professionnel donné au "Blog" ;
- elle permet de passer trop facilement à un autre blog et donc de quitter trop rapidement le premier blog.

1) NOUVEAU : une première méthode pour supprimer cette barre de navigation de Blogger consiste, depuis le "Tableau de bord" concernant un blog, à :
- cliquer sur "Mise en Page" ;
- dans le rectangle "Navbar" en haut à droite, cliquer sur "Modifier" ;
- sélectionner "Désactiver" ;
- Enregistrer.

2) Une seconde méthode pour supprimer cette barre consiste à ajouter le code qui suit dans un gadget HTML/Javascript (cela évite de modifier le "modèle" ou "template"):
<style type="text/css">#navbar-iframe {display: none;}</style>
Pour savoir comment créer un gadget HTML/JavaScript : cliquer ici.

Remarque : d'autres instructions peuvent être ajoutées dans le même gadget entre <style type="text/css"> et </style>.

3) Une troisième méthode consiste à ajouter dans le modèle (template) du blog:
#navbar-iframe {display: none;}
juste avant
]]></b:skin>.
Rappel : Comment modifier un template (modèle).

* * * * *
Cela n'empêche pas de créer ou de modifier des messages, et de modifier le "modèle" (template) : il suffit de passer par le "Tableau de bord" de Blogger et de cliquer au choix sur "Nouveau message", "Mise en page" ou "Modifier les messages", à côté du nom du blog concerné.

10 commentaires:

Délégation ULB/IEE, SPECQUE 2010 a dit…

Merci !

axl890 a dit…

D'accord pour la suppression de la barre mais si l'on souhaite modifier la présentation : comment faire ?

Merci pour les conseils et bravo pour votre blog très bien renseigné.

Cliquer ici pour voir mon blog

Les Folies de Magalie a dit…

Super!La première methode est plus simple et marche parfaitement!Merci

http://www.les-folies-de-magalie.com/

Claire a dit…

Merciiii !!

Le taulier a dit…

Bonjour,

Merci pour l'astuce par contre je me demande comment supprimer aussi l'espace qui était occupé par la barre de navigation.
J'ai essayé de "relever" mon header mais sans succès.

Meiser a dit…

Bonjour.

Tout dépend du template.

Il faut chercher à remonter l'élément qui suit avec des instructions comme "margin-top:0px;" ou "padding-top:0px;".

Si cela ne marche toujours pas, remplacer 0px; par -20px;

Il faudra sans doute des chiffres différents pour Internet Explorer. La méthode est expliquée sur ce site.


Le taulier a dit…

Merci Meiser, cela marche parfaitement comme je le souhaitais.

Nororre nororre a dit…

Bonjour,

J'ai réussi sans problème à enlever la barre blogger mais ensuite je n'arrive pas à trouver comment retourner dans la conception et autres..... pourriez vous m'aiguiller
merci

Meiser a dit…

Bonjour.

Il suffit d'afficher le "Tableau de bord" de Blogger accessible par : http://www.blogger.com/home?pli=1&pli=1

Cliquer ensuite sur "Présentation" ou "Mise en page".


Youstopit a dit…

Pas mal merci poyr l'info que pensez vous de mon blog??

http://youstopit.blogspot.fr