Vous avez créer un blog chez Blogger, vous avez publier du contenu, et vous avez personnalisez l'esthétique de vos pages. Seulement voilà, la barre de navigation Blogger fait tâche et vous voulez un blog 100% personnalisé par vos soins. Il vous suffit de supprimer ou de masquer cette fameuse barre en ajoutant quelques lignes de C.S.S au code source de vôtre blog.
 |
| Exemple avec la navbar Blogger affichée. |
Cette barre fait de la pub pour Blogger qui ne l'oublions pas est totalement gratuit, mais en même temps les utilisateurs veulent un blog qui fasse "pro", avec un nom de domaine et un aspect irréprochable. C'est vous qui décider, et rien ne vous empêche de placer quelque part un lien vers Blogger à vôtre façon.
Mon avis perso est qu'il faut simplement masquer la navbar pour une question d’esthétique.
Vous avez donc le choix de masquer l'élément ou de le supprimer. Nous allons voir les deux méthodes (Il en existe d'autres, mais après divers tests j'ai opter pour celles-ci qui sont pour moi les plus propres).
Méthodes pour supprimer ou masquer la barre de navigation Blogger:
- Rendez-vous sur vôtre tableau de bord Blogger.
- Entrez dans la catégorie "Modèle".
- Cliquez sur "Modifier le code html", cette fenêtre apparaît:
Cliquez sur "Traiter", et vous avez accès au code HTML:
Recherchez la section "Header" avec les touches ctrl+f en tapant /*Header dans le champ de recherche:
Ajoutez un de ces codes juste après le titre de la catégorie "Header":
Ce code supprime la barre de navigation:
Ce code masque la barre de navigation:
Pour ajouter un commentaire dans un code C.S.S pour s'y retrouvez plus tard on utilise les balises /* et */:
Une fois les modifications terminées, cliquez sur "Enregistrer le modèle" et rafraîchissez la page de vôtre blog. Vous obtenez une page sans barre de navigation Blogger:
 |
| La navbar Blogger non affichée. |
Vous pouvez aussi masquer la navbar, mais l'élément prend encore de la place ce qui donne un espace vide en haut de la page:
 |
| La navbar Blogger non affichée avec un espace vide. |
Pour obtenir cet espace vide, il faut utiliser le code pour masquer la barre en retirant la ligne réduisant la hauteur ce qui donne ceci:
Voilà, c'est pas plus compliquer que ça, je vous conseille de faire régulièrement des sauvegardes et de commenter les modifications que vous faites sur le code du blog. Si vous changer de template (modèle), il faudra refaire les modifs!! Le mieux c'est de choisir un modèle et de l'arranger à vôtre sauce pour ne plus avoir a en changer.
Aucun commentaire:
Enregistrer un commentaire