blogger tutoriel

Comment mettre une image ou un texte , ou des annonces au dessus de du box de commentair de blogger

2012-10-27T02:03:00.002-07:00

Salut dans cette article je vous présente comment ajouter une image ou un texte , ou des annonces ou ... au dessus de Box de commentaire blogueur

Pour l'ajoute il suffit de :

D'aller dans le Panneau de configuration du blog
Clique sur le Modèle , puis Modifier le code HTML
cocher la case Développer des modèles de gadgets
cherche ce code à l'aide du navigateur (CTRL+F)

Et ajouter après le code , le code que vous voulait d'ajouter

Exemple : si vous voulez ajouter une image le code apparaîtra comme suit

<p><data:blogCommentMessage/></p>
<img src="image url" border="0" />

Ou une Annonce :

<p><data:blogCommentMessage/></p>
veuillez partager notre page

Ou des Boutons de réseaux Social

<p><data:blogCommentMessage/></p>

<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_pinterest_pinit"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=xa-508b9ec70534221d"></script>

Comment remplacer plus récent, anciens et les liens de navigation Accueil par des boutons

2012-10-25T11:53:00.000-07:00

Comment remplacer plus récent, anciens et les liens de navigation Accueil par des boutons (images)

Dans ce tutoriel je vous montre comment remplacer les liens récents, plus anciennes et d'accueil Navigation ,Ces liens de navigation sont situés au-dessous de la Poste (s)
Pour le remplacer il suffit :

D'aller dans le Panneau de configuration du blog
Cliquez sur le Modèle , puis Modifier le code HTML
cocher la case Développer des modèles de gadgets
cherche ce code à l'aide du navigateur (CTRL+F)

<data:olderPageTitle/>

Remplacer par :

<img src='http://2.bp.blogspot.com/-YUy9Kx6liZY/UImHBZwFSoI/AAAAAAAAAFI/BaU-Iq5HF_0/s1600/w2b_next.png' style='border: 0 none;vertical-align: middle;'/>

Puis cherche ce code

<data:newerPageTitle/>

Remplacer par :

<img src='http://4.bp.blogspot.com/-aCOi7VUcaKE/UImH64uxUTI/AAAAAAAAAFQ/Jbss-kpmunE/s1600/w2b_prev.png' style='border: 0 none;vertical-align: middle;'/>

cherche ce code

<data:homeMsg/>

Remplacer par :

<img src='http://1.bp.blogspot.com/-rFuMzMLwO_E/UImIwcv0--I/AAAAAAAAAFY/fSAnr9_y-O4/s1600/w2b_home.png' style='border: 0 none;vertical-align: middle;'/>

l'intégration des annonces dans les articles de blog

2011-11-27T00:22:00.001-08:00

L'intégration des annonces AdSense à l'intérieur de l'article du blog, un moyen d'augmenter les profits des annonces AdSense, aujourd'hui je vais vous expliquer comment inclure des annonces AdSense intérieur de l'article du blog .
Allez dans le Panneau de configuration du blog
Cliquez sur le Modèle , puis Modifier le code HTML
cocher la case Développer des modèles de gadgets
puis recherche sur ce code à l'aide du navigateur (CTRL+F)

<data:post.body/>

Connecter à votre compte sur Google Adsense et créer une nouvelle annonce copier le code, puis vous utilisez un outil pour convertir le code outil
Collez le code qu'il a obtenu à partir de votre Google Adsense dans la fenêtre et appuyez sur le bouton "make it friendly"
Donc remplacer le code

<data:post.body/>

par ce code

<div expr:id='"aim1" + data:post.id'></div>
<div style="clear:both; margin:10px 0">
Mettez le code AdSense ici, après sa conversion
</div>
<div expr:id='"aim2" + data:post.id'>
<data:post.body/>
</div>
<script type="text/javascript">
var obj0=document.getElementById("aim1<data:post.id/>");
var obj1=document.getElementById("aim2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/\x3C!-- adsense --\x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>

</b:if>

Remarque
remplacer
Mettez le code AdSense ici, après sa conversion

par

Le code Adsend après sa transformation par l'outil que nous avons mentionné

Maintenant il suffit d'ajouter ce code pour inclure des annonces Adsense où vous voulez

Ajouter un bouton 1 + fourni par Google sur votre blog sur Blogger

2011-11-26T04:02:00.001-08:00

Vous avez peut être remarqué en surfant sur l'apparition d'une bouton 1 + nouveau dans de nombreux sites et blogs. Ce nouveau bouton fourni par Google vous offre la possibilité de recommander des sujets que vous aimez
D'abord, allez à Panneau de configuration sur votre blog

Enregistrer une copie de sauvegarde du modèle sur votre blog
Deuxièmement: Trouver </ head> et ensuite mettre le code suivant

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"> {lang: 'fr-FR'} </script>

Trouver <data:post.body/> avant et coller directement le code suivant

<div style='float:left'> <g:plusone size="tall" expr:href="data:post.url"/> </div>

remplacer left par right pour diriger le bouton à droite

ajouter un bouton pour déplacer en haut de la page

2011-11-08T03:01:00.000-08:00

Aujourd'hui, je vais vous expliquer comment ajouter un bouton pour déplacer en haut de la page

il suffit de Ajouter un gadget html / javascript

(mais sans le titre )

et Ajoutez ce code

<style type="text/css">.backtotop a:hover {background:none;}</style><div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Haut de page"><img style="border:0;" src="http://files.bloggerplugins.org/back-to-top.gif"/></a></div>