Annonces AdSense dans les messages

Afin d'éviter que du code inséré dans Blogger soit directement interprété, vous pouvez remplacer les signes < et >, respectivement par ces deux notations : & l t ; et & g t ; (sans les espaces).
Il vous suffit simplement de ne traiter que les signes entrants… Voyons un exemple d'application pratique en répondant à cette question : comment insérer du code AdSense dans le corps d'un message ? Suivez cette procédure :

1. Connectez-vous sur votre code AdSense.
2. Cliquez sur l'onglet Configuration AdSense.
3. Cliquez sur le lien AdSense pour les pages de contenu.
4. Cliquez sur le lien Page unique.
5. Définissez le type d'annonces que vous souhaitez insérer.

Signalons que le plus le format d'annonce choisie est petit, plus il sera simple d'intégrer votre annonce AdSense à vos messages.

6. Dans la rubrique correspondante, copiez le code AdSense qui aura été généré.
7. Collez les lignes de code dans le Bloc-notes Windows.

Il ressemblera à quelque chose que je ne peux pas afficher (nous sommes sur Blogger…)

8. Procédez aux modifications suivantes en cliquant sur Édition - Remplacer :

• < par & l t ;
• > par & g t ;
• " par & q u o t ;

9. Copiez le contenu de votre fichier dans un nouveau message dans Blogger.

Voyons maintenant comment insérer votre code AdSense dans le modèle de votre Blog afin d'automatiser la procédure d'insertion des annonces.

1. Cliquez sur le lien Tableau de bord puis sur Mise en page.
2. Cliquez sur le lien Modifier le code HTML puis cochez la case Développer les modèles de gadget.

Une précaution élémentaire consiste à sauvegarder votre modèle existant.

3. Recherchez ensuite l'expression 'post-body' en vous servant des fonctionnalités de recherche de votre navigateur (Ctrl + F avec Internet Explorer).

Vous allez avoir ces lignes de code :

<div class='post-body'>
<p><data:post.body/>
</p>
<div style='clear: both;'/>
<!-- clear for photos floats -->
</div>

Il a deux solutions :
Si vous souhaitez que votre code AdSense apparaisse entre le titre et le corps du message, ajoutez les lignes du code AdSense que vous avez copiées au-dessus des lignes précédentes.

<div style='float:left;'>
Code AdSense
</div>

Si vous souhaitez que le code AdSense apparaisse après le corps du message, ajoutez ces lignes de code après les lignes précédemment citées :

<div style='float:left;'>
Code AdSense
</div>

Si, enfin, vous voulez que le code apparaisse sur la gauche, choisisse le format d'annonces le plus petit possible (125x125) puis insérez le code copié de cette façon :

<div class='post-header-line-1'/>
<div style='float:left;'>
Code AdSense
</div>
<div class='post-body'>
<p>
<data:post.body/>
</p><div style='clear: both;'/>
<!-- clear for photos floats -->
</div>

Afin de l'avoir sur la droite, inspirez-vous de cette syntaxe :

<div class='post-header-line-1'/>
<div style='float:right;'>
Code Adsense
</div>
<div class='post-body'>
<p><data:post.body/>
</p><div style='clear: both;'/>
<!-- clear for photos floats -->
</div>

Si votre code est trop près des marges, utilisez cette
syntaxe :

<div style='float:left; margin-left:20px'>
Code AdSense
</div>

Vous pouvez aussi utiliser ces lignes de code :

<div style='float:left; margin:5px 10px 15px 20px'>
Code AdSense
</div>

Nous définissons dans l'ordre :

• La marge du haut ;
• La marge de droite ;
• La marge du bas ;
• La marge de gauche.

Cliquez sur le bouton Aperçu afin de vérifier le résultat puis cliquez enfin sur le bouton Enregistrer le modèle.