Bienvenue sur Tutonext.com : Logiciels Gratuits et Tutoriels

" Blog des Tutoriels et Astuces informatiques, Astuces Blogger / blogspot / Wordpress, optimisation et SEO, tests des logiciels et actualités des dernières nouveautés High-Tech, jeux et logiciels Gratuits et cours informatique"

RSS Souscrire via RSS

Convertisseur de Code HTML ou Code Adsense dans Blogger

convertisseur de code blogger

Ce petit utilitaire vous permet de convertir votre code HTML (conversion des caractères “<” et “>”) pour pouvoir l’utiliser soit :
  • Dans le corps de vos messages ou articles sans être interprété par Blogger ou tout compilateur de code html
  • Pour convertir le code Adsense si vous voulez par exemple afficher des annonces adsense dans le corps de votre message ou article dans Blogger (voir l’article insérer le code Adsense dans le corps de votre message dans Blogger)


Convertisseur de Code
Tapez votre Code HTML ou Votre Code Adsense


Posté le : 22 Jan 2013
Tags: , , ,
Posté dans Adsense, Blogger |

Comment insérer le code adsense en bas de votre corps de message dans Blogger?


position annonce adsense
Astuce Blogger :


Insérer
Code Adsense
En bas de votre corps de message


Parmi les positions préconiser par l’équipe d’Adsense est le bas de vos corps de message. En effet, selon Google AdsenseCertains emplacements sont plus indiqués que d’autres. Ce plan illustre les meilleurs emplacements sur un exemple de format de page. Les couleurs passent de l’orange foncé (meilleures performances) au jaune clair (moindres performances). De façon générale, les emplacements d’annonce situés dans la partie visible de la page affichée offrent de meilleures performances que ceux situés en dessous. Les annonces diffusées à côté d’un contenu riche et à proximité d’outils de navigation sont souvent associées à de bons résultats, car ces zones attirent l’attention des internautes…
Sur les pages qui présentent un article aux internautes, par exemple, les annonces placées directement après la fin du contenu éditorial offrent généralement de très bonnes performances. C’est comme si l’utilisateur, à la fin de sa lecture, se demandait quelle action effectuer ensuite et trouvait la réponse en consultant des annonces très ciblées.
“Source : Google Adsense Support

Comment insérer le code adsense en base des messages ou articles?
Aller dans Tableau de bord de votre blog at cliquer sur Présentation, ensuite “Modifier le Code Html” et cocher “Développer des modèles de gadgets” situé à droite.
En utilisant la commande Ctrl+F chercher les deux codes suivants :
<div class=’post-footer’>
<div class=’post-footer-line post-footer-line-1′>
c’est au dessous de ces codes qu’on va insérer notre code adsense.
Avant ça, il faut absolument convertir le code initial d’Adsense pour qu’il puisse être traduit par le compilateur de code html de blogger.
Pour ce faire, allez dans la page de conversion de code Adsense suivante : Convertisseur de code adsense 
Puis copier et coller votre code dans le convertisseur de code puis cliquer sur convertir.

 Votre code ressemblera à ceci :
conversion code adsense blogger
Important : pour que les annonces Adsenses s’affichent uniquement dans les pages de messages et non pas la page d’acceuil , vous devez inserer la condition suite :
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
Votre code Adsense converti ici
</b:if>

Enfin le code final sera comme suit :


Si vous voulez insérer l’annonce Adsense en haut de votre corps de message et juste après le titre se référer à l’article suivant :
Comment insérer le code adsense dans le corps de message…

Posté le : 03 Sep 2011
Tags: , , ,
Posté dans Adsense, Blogger |

Google lance son blog adsense version Arabe

Félicitations pour les utilisateurs d‘Adsense des pays arabes. Google a lancé le blog Adsense version Arabe.
Le blog Adsense permet aux utilisateurs de bénéficier des derniers conseils, astuces et tutoriels pour optimiser les annonces Adsense, l’explication en détail de la charte d’Adsense, les erreurs graves à ne pas faire…
Blog adsense Arab

Posté le : 12 Aug 2011
Tags: , , ,
Posté dans Actualités, Adsense |

Comment ajouter un bloc annonce d’adsense uniquement dans la page d’accueil de votre Blog dans blogger?



Dans blogger vous avez droit à trois blocs d’annonces d’Adsense. Aujourd’hui, je vais vous donner une astuce pour personnaliser l’affichage des annonces dans votre Blog.
Cet Article suppose bien évidemment que vous avez un compte Adsense et que vous avez créez  des annonces et elles sont prêtes  à être inséré dans vos pages.

On suppose que je veux afficher une annonce uniquement dans la page d’accueil. pour cela je vais ajouter un gadget de type html/Javascript ( allez dans Tableau de bord — Présentation – Ajouter un gadget) et je vais le nommer “Annonce” puis Enregistrer. Pour l’instant cette annonce parait dans toutes les pages de votre blog.

Comment personnaliser ce gadget “Annonce” ?

Aller dans “Modifier le Code Html” dans l’onglet “Présentation” en s’assurant que ”Développer des modèles de gadgets” est bien coché.


Chercher le nom de votre gadget dans le code html de votre blog en utilisant la commande CTRL+F. Vous allez trouver un code qui ressemble à ceci :


<b:widget id=’HTML3′ locked=’false’ title=’Annonce‘ type=’HTML’>
<b:includable id=’main’>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != &quot;&quot;’>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>
<b:include name=’quickedit’/>
</b:includable>
</b:widget>

On peut localisé notre gadget soit par son nom soit par son code, dans notre cas “HTML3″, attribué automatiquement par blogger.

Nous allons ajouter deux lignes de code pour que notre gadget sera affiché uniquement dans la page d’accueil.
notre nouveau code du gadget “HTML3″ ou “Annonce” sera comme suit :

<b:widget id=’HTML3′ locked=’false’ title=’Annonce‘ type=’HTML’>
<b:includable id=’main’>
<b:if cond=’data:blog.url == data:blog.homepageUrl’>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != &quot;&quot;’>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>
<b:include name=’quickedit’/>
</b:if>
</b:includable>
</b:widget>

si nous voulions que notre gadget Annonce s’affiche uniquement en pages d’article on ajoutra également deux lignes de code suivant :

<b:widget id=’HTML3′ locked=’false’ title=’Annonce‘ type=’HTML’>
<b:includable id=’main’>
<b:if cond=’data:blog.pageType == “item”‘>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != &quot;&quot;’>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>
<b:include name=’quickedit’/>
</b:if>
</b:includable>
</b:widget>

N.B : Cette Astuce peut être appliquée à n’importe quel gadget de votre blog par exemple le gadget des posts récents que vous voulez l’afficher uniquement dans les pages d’article … etc.

Posté le : 03 Aug 2011
Tags: , , ,
Posté dans Adsense, Blogger, Gadget Blogger |