Comment créer son propre blog: choisir un hébergeur, choisir le nom, écrire son premier article...

vendredi 9 septembre 2011

Centrer le bloc AdSense ou un widget en haut de la page - Obsolète

Avril 2013: Blogger a mis en place un nouvel éditeur HTML qui rend la procédure qui suit obsolète.

La nouvelle procédure est décrite dans ce nouvel article: 

Centrer le bloc Adsense ou un widget en haut de page - Nouvel éditeur HTML de Blogger

Par défaut, Blogger aligne le titre, la description et les widgets ou gadgets éventuels à gauche de la page.

Je vous ai expliqué dans un article précédent comment centrer le titre et la description (Comment centrer le titre du blog sur Blogger).

Mais si vous avez placé un bloc AdSense en haut de la page, il reste aligné à gauche et ce n'est pas très esthétique.

Attention! Cette procédure nécessite de modifier le code HTML. Si vous faites une erreur, il est possible que votre blog ne s'affiche plus et que vous soyez obligé de réinstaller le modèle ou un autre modèle. Dans ce cas, toutes les modifications apportées au code HTML seront perdues.

Il est donc important de faire une sauvegarde du template avant de modifier le code HTML. Instructions: Copie de sauvegarde du modèle

Procédure:
1. Sélectionnez "Modèle"
2. Sélectionnez "Modifier le code HTML"



3. Sélectionnez "Traiter"



4. Cochez la case "Développer des modèles de gadgets"



5. Positionnez votre curseur dans le code HTML et cherchez la chaîne de caractères "adsense1" (avec CTRL-F)
6. Descendez à la ligne <div class='widget-content'>
7. Ajoutez align='center' à la fin de cette ligne


Votre code devrait maintenant ressembler à ceci: 
<b:widget id='AdSense1' locked='false' title='' type='AdSense'>
<b:includable id='main'>
  <div class='widget-content' align='center'>
    <data:adCode/>
  </div>
</b:includable>
</b:widget> 

8. Enregistrer le modèle et fermer