Masquer la barre Blogger

Publié par Fabrice Michellonet sous le(s) label(s) le 24 juin 2008

J'ai vu pas mal de billets proposant des solutions permettant de retirer la barre Blogger qui est ajoutée automatiquement en en-tête des blogs. Certaines solutions sont basée sur des CSS, mais malheureusement celles que j'ai essayées ne fonctionnent pas, car la barre est en fait chargée dans un iframe

Reste alors la solution du javascript.

Voici donc une façon implémenter ça : Tout d'abord recherchez la balise body dans votre template html et ajoutez l'attribut onload comme suit.


<body onload='removeBloggerBar'>

puis dans un bloc script ajouter la fonction suivante :


function removeBloggerBar() {
var bloggerBar = document.getElementById("navbar-iframe");
bloggerBar.style.display = "none";
}

Enregistrez le tout et... voila, la barre n'est plus visible sur votre blog.

Comme d'habitude j'en profite pour faire un peu de pub à Dojo; Ci-dessous la même solution basée sur ce framework, vous verrez qu'il n'y à que très peu de choses qui changent.

Tout d'abord dans la section head :


<script language='javascript' type='text/javascript'>
dojo.require("dojo.parser");
// ...
dojo.addOnLoad(removeBloggerBar);
</script>

Puis il faut rajouter le code suivant soit dans un bloc script soit dans un fichier externe lié à votre page.


function removeBloggerBar() {
var bloggerBar = dojo.byId("navbar-iframe");
bloggerBar.style.display = "none";
}

Le résultat est identique, la barre Blogger disparait.

Enjoy