Comment déplacer ou supprimer le gadget d'en-tête sur blogger

Sur Blogger, l'élément d'en-tête est verrouillé par défaut dans la zone Layout Gadget. Cela peut causer des problèmes lorsque vous reconcevez votre blog, surtout si vous voulez mettre quelque chose au-dessus de votre en-tête, le déplacer ailleurs ou le supprimer complètement. Ce didacticiel vous montrera comment déverrouiller votre gadget d'en-tête afin que vous puissiez le déplacer, le supprimer et ajouter d'autres gadgets à cette section.

Déverrouillage de l'élément d'en-tête

Accédez à Modèle > Modifier HTML > Modèle de format. Rechercher region-inner header-inner. Si vous rencontrez des difficultés pour trouver le code, consultez Recherche de code dans l'éditeur HTML et Comprendre CSS .

La recherche devrait vous amener à ce code

<div class='region-inner header-inner'>

En dessous, vous verrez le code suivant (peut sembler différent selon votre modèle)

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='Header' type='Header'>
         <b:includable id='main'>

Modifiez la valeur pour maxwidgetsqu'elle ressemble à ceci

<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
    <b:widget id='Header1' locked='false' title='Header' type='Header'>
         <b:includable id='main'>

ce que signifie chaque section

maxwidgets='1'– nombre maximum de gadgets autorisés dans cette section. Changez pour n'importe quel nombre. - afficher "ajouter un nouveau gadget" dans la section. Passez à oui. – verrouillé afin que vous ne puissiez pas supprimer le gadget. Changer en faux.

showaddelement='no'

locked='true'

Déplacement ou suppression de l'élément d'en-tête

Maintenant, si vous allez dans Disposition (vous devrez peut-être actualiser la page), l'élément d'en-tête ressemblera aux autres gadgets. Vous pouvez maintenant le déplacer où vous voulez. Pour le supprimer, cliquez sur modifier > supprimer.

Ajout d'autres gadgets au-dessus de l'élément d'en-tête

Accédez à Mise en page > ajouter un nouveau gadget. Vous pouvez maintenant réorganiser les gadgets pour les placer au-dessus de l'en-tête.

Écart au-dessus de la navigation causé par Blogger Navbar

Pour supprimer la barre de navigation de Blogger, accédez à Mise en page > Barre de navigation et désactivez-la. Il vous restera un espace vide. Pour supprimer cet écart, accédez à Modèle> Modifier le code HTML etajoutez ci-dessus ce qui suit ]]> </b:skin> 

body .navbar { height: 0px; } .content-inner { padding-top: 0px; }

Les éléments perdent leur style/CSS lorsqu'ils sont déplacés au-dessus de l'en-tête

Parfois, placer certains éléments au-dessus de l'en-tête supprimera le CSS qui lui est associé. Voici une solution à cela. Dans l'onglet de mise en page, faites glisser un peu votre en-tête, votre navigation et tout autre gadget vers le bas. Il passera au deuxième niveau (généralement appelé Cross-Column selon votre modèle). Cela ne devrait pas affecter l'apparence de votre blog (car il apparaîtra toujours en haut), mais cela conservera le style. J'espère que cette image expliquera mieux cela.