BLOGGER

5. Maintenant, appuyez sur le bouton  

L'importance de ce formulaire de contact est qu'il peut soumettre sans rafraîchir la page et affiche un message de remerciement après l'envoi des données. 

2.Ajouter Le Bouton De Partage Facebook Blogger

C'est dans ce champ que vous devez renseigner le libellé de la catégorie. Sauvegardez ensuite votre message.

5.Ajouter Le Bouton Suivre/Follow De Twitter à Blogger

Ajouter le bouton Suivre de Twitter (Twitter Follow Me Button) à votre blog Blogger pour augmenter le nombre de vos abonnées et valoriser votre audience en affichant le nombre de personnes qui vous suivent.
L'intégration du bouton Follow Me/Suivez Moi est simplissime et toute personne connectée cliquant sur celui-ci s'abonnera instantanément à vos publications sans même passer par Twitter.

Bouton Large Avec Compteur
<a href="https://twitter.com/tousurblog" class="twitter-follow-button" data-show-count="true" data-size="large">Suivre @tousurblog</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
Bouton Large Sans Compteur
<a href="https://twitter.com/tousurblog" class="twitter-follow-button" data-show-count="false" data-size="large">Suivre @tousurblog</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
Bouton Normal Avec Compteur
<a href="https://twitter.com/tousurblog" class="twitter-follow-button" data-show-count="true" data-size="medium">Suivre @tousurblog</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
Bouton Normal Sans Compteur
<a href="https://twitter.com/tousurblog" class="twitter-follow-button" data-show-count="false" data-size="medium">Suivre @tousurblog</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
Configuration Du Bouton
- Remplacez tousurblog avec votre nom d'utilisateur Twitter.
- Vous pouvez remplacer le mot Suivre avec un mot de votre choix, par exemple : Follow , S'abonner...
- Vous pouvez masquer votre pseudonyme en supprimant @Nom_D'utilisateur.
- Si vous avez déjà installer le bouton de partage Twitter, alors ne recopiez pas le script :
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
car c'est le même utilisé.

6.Ajouter Le Bouton D'abonnement Suivre De Twitter à Blogger

Pour intégrer le bouton Suivez-moi de Twitter dans votre blog, il vous suffit de copier son code puis allez à "Mise En Page" > "Ajouter un Gadget" > "HTML/JavaScript"
collez le bout de code précédemment copié, puis cliquez sur "Enregistrer".
Pour placer le bouton Follow au début des articles,
allez à "Modèle" > "Modifier le code HTML" > "Développer des modèles de gadgets"
et insérez le code du bouton juste après la balise :
<div class='post-header-line-1'>
Si vous désirez afficher le bouton à la fin de vos articles, alors placez le code approprié juste après une des lignes suivantes :
<div class='post-footer-line post-footer-line-1'>
<div class='post-footer-line post-footer-line-2'>

7.Ajouter le "Widget Top Commentateurs Avec Image" dans Blogger Blogspot.

Comment Installer Le Widget Articles Récents Avec Images Dans Blogger

Connectez-vous à Blogger, allez dans "Mise En Page" "Ajouter Un Gadget" dans la liste proposée sélectionnez "HTML/JavaScript" choisissez un titre, puis copier/coller le code suiavnt dans la grande zone et enfin cliquez sur "Enregistrer"
<script language="JavaScript">
imgr = new Array();
showRandomImg = true;
boxwidth = 300;
cellspacing = 2;
borderColor = "#fff";
bgTD = "#000000";
thumbwidth = 32;
thumbheight = 32;
fntsize = 12;
acolor = "#555";
aBold = true;
icon = " ";
text = "Commentaire(s)";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#555";
icon2 = " ";
numposts = 5;
home_page = "http://www.tousurblog.blogspot.com/";
</script>
<script type="text/javascript" src="http://posts-recent.googlecode.com/files/Widget-Articles-Recent.js" />
Personnalisation Du Gadget
Vous pouvez personnaliser l'affichage du widget "Articles Récents Avec Images" en modifiant les valeurs suivantes :
boxwidth = 300;  : Largeur du gadget en pixel.
cellspacing = 2;   : Espacement entre les titres.
borderColor = "#fff";  : couleur de l'arrière plan du gadget.
thumbwidth = 32;  : Largeur de l'image en pixel.
thumbheight = 32;  : Longueur de l'image en pixel.
fntsize = 12;  : Taille des titres.
acolor = "#555";  : Couleur des titres
aBold = true;  : Texte en gras (sinon remplacer true par false)
text = "Commentaire(s)";  : Texte à afficher à côté du nombre de commentaires.
numposts = 5;  : le nombre d'articles à afficher.
home_page = "http://www.tousurblog.blogspot.com/";  :
Vous devez absolument modifier tousurblog.blogspot.com avec l'adresse de votre blog.

9.Nouvelle version du widget Commentaires Récents

Voici une nouvelle version du widget Commentaires Récents qui affiche les derniers commentaires de votre blog Blogger-Blogspot.
En plus du commentaire, il affiche le nom du commentateur et le titre et la date de l’article commenté.
Connectez vous à Blogger, Allez dans "Mise en page", cliquez sur "Ajouter un gadget" puis sur "HTML/JavaScript" et copier / coller le code suivant :
<script style="text/javascript" src="http://blogspot.leblogger.com/js/commentaireRecent2.js"></script><script style="text/javascript">var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=150;</script><script src="http://www.tousurblog.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script><a href='http://wwww.tousurblog.com' style='display:none;'>Blogger</a>
Remplacez les paramètres en rouge avec vos propres valeurs:
 -var a_rc=7;               -Nombre de commentaires à afficher.
 -var m_rc=true;          -Afficher/Cacher la datte: True ou False.
 -var n_rc=true;           -Afficher/Cacher le titre de l'article Commenté.
 -var o_rc=150;          -Longueur du résumé des commentaires.
Alternative:
Vous pouvez également afficher les "Commentaires Récents" en utilisant le widget "Flux" de Blogger avec l’adresse du flux des commentaires: http://www.tousurblog.com/feeds/comments/default
Cependant vous ne pouvez afficher que 5 commentaires au maximum et le plus souvent il faut attendre plusieurs minutes pour que les nouveaux commentaires apparaissent dans le widget.

10.Ajouter le bouton j'aime à Blogger

1. Copiez le code ci-dessus. Connectez-vous à votre compte Blogger et allez à "Modèle" "Modifier le code HTML" et cochez la case "Développer des modèles de gadgets".
2. Rechercher <data:post.body/> et juste après copier et coller cet  code
<div>
<b:if cond='data:post.isFirstPost'>
<script>(function(d){
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if>
<fb:like expr:href="data:post.canonicalUrl" layout='standard' send='true' show_faces='false' font="arial" action="like" colorscheme="light"></fb:like>
</div>