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

samedi 13 avril 2013

Centrer le bloc AdSense ou un widget en haut de la 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. Cliquez sur "Modifier le modèle"
4. Sélectionnez le widget: cela vous amènera sur la ligne où commence le widget



4. Dépliez le code du widget en cliquant sur le petit triangle noir à côté du numéro de ligne:


Il est possible qu'il y ait plusieurs niveaux d'expansion du widget, il faut alors encore cliquer sur le triangle noir:



5. Repéréz <div class='widget-content'> et ajoutez  align='center' à la fin de cette ligne:



6. Cliquez sur "Mettre en forme le modèle" (ceci organise le code proprement)
7. Enregistrer le modèle