Comment faire défiler votre barre de navigation vers le bas sur un blogueur

La barre de navigation ou barre de navigation de Blogger monte et disparaît en haut de la page d'un blog lorsqu'un visiteur fait défiler la page du blog de votre entreprise. Si un visiteur souhaite utiliser des outils de la barre de navigation pour effectuer des tâches telles que la recherche dans Blogger ou l'exploration de blogs aléatoires, il doit revenir au début de la page, ce qui peut être gênant. Empêchez la barre de navigation de disparaître en accédant au concepteur de modèles Blogger et en ajoutant un code CSS personnalisé.

1.

Sélectionnez le titre de votre blog sur votre tableau de bord Blogger, puis sélectionnez «Modèle» dans le menu de gauche.

2

Cliquez sur le bouton orange «Personnaliser» pour ouvrir le Concepteur de modèles Blogger.

3

Sélectionnez «Avancé» pour afficher les options avancées pour différentes zones de votre blog, puis faites défiler l'écran jusqu'en bas et sélectionnez «Ajouter CSS» pour ouvrir l'outil permettant d'ajouter du CSS personnalisé.

4

Entrez les informations suivantes dans le champ pour que la barre de navigation apparaisse fixée en haut de la fenêtre du navigateur:

navbar-iframe {

position: fixe; }

Pour que la barre apparaisse fixée sur les côtés supérieurs de la fenêtre, mais pas sur le bord supérieur, entrez les éléments suivants:

navbar-iframe {

position: fixe; en haut: 5px; }

5

Faites défiler le volet d'aperçu du blog sous le Concepteur de modèles pour vérifier que la barre de navigation est visible pendant le défilement.

6

Cliquez sur le bouton orange «Appliquer au blog» pour mettre à jour votre blog.

Conseils

  • Si vous utilisez l'ancienne interface, cliquez sur le lien "Conception" du blog sur votre tableau de bord pour accéder à l'écran Conception, puis sélectionnez "Concepteur de modèles" pour accéder au Concepteur de modèles Blogger.
  • Pour modifier la quantité d'espace au-dessus de la barre si vous utilisez la deuxième option, entrez un nombre inférieur ou supérieur devant "px".

Attention

  • Vous devez ajouter le code chaque fois que vous modifiez la conception de votre modèle.

Recommandé