samedi 30 juin 2012

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.
* * * * *
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) Une première 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>.

2) Une seconde 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", "Présentation" ou "Modifier les messages", à côté du nom du blog concerné.