comment intégrer Facebook Commentaires Box sur Blogger (guide complet)

                              

Pour les utilisateurs de Blogger, le tutoriel qui vous indique par étapes vraiment facile l'intégration de Facebook boîte de commentaires et blogueur ( blogs blogspot).
Maintenant, nous allons le faire, ne vous inquiétez pas, je sais qu'il faut des que vous avez essayé de l'ajouter aux blogs Blogger, sans résultat, mais aujourd'hui, vous verrez comment l'ajouter dans les étapes très simple et c'est 100% de travail. mais s'il vous plaît soyez prudent et faites attention de tous les détails.

Étape 1 : Commentaires par défaut (Désactiver)

La première chose que vous devriez le faire pour désactiver les commentaires Blogger par défaut. parce que vous ne voulez pas d'avoir 2 formulaires de commentaires. Accédez à votre compte Blogger, accédez à Paramètres>> Commentaires et aux observations de terrain suivante, choisissez Masquer, puis faites défiler et cliquez sur Enregistrer les paramètres

Étape 2 : Générez votre Facebook App ID.

maintenant vous devez créer votre propre application Facebook id, c'est vraiment facile et un processus progressif, Il suffit d'aller sur cette page, les développeurs Facebook . et remplissez les informations suivantes.

Site Name (Nom du site)

Site URL : ( Site Web)

Locale: (Locale)

Puis cliquez sur Créer une application.

Sur la page Facebook de la prochaine vous générer beaucoup d'infos. vous aurez besoin d'une seule ligne, c'est App ID :

il suffit de copier et de conserver tout cas, nous en aurons besoin dans les prochaines étapes.

S'il vous plaît voir l'image ci-dessous pour voir où vous trouverez votre Facebook App ID :

                             

Étape 3 : Faites votre code boîte de commentaires.

Maintenant, nous allons utiliser le code suivant, mais vous devez le modifier pour qu'il soit unique pour ton blog, c'est vraiment facile et ne vous inquiétez pas, je vous dis comment faire étape par étape.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='left'><img alt='' class='icon-action' height='51' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6RoQWkaFBZDO2QgPRo6H3lIye_hO96n-VOL8Bv0cKAdkZu7aybkrOfNN_H5W49PQXsGi1ko7Zl-damVhD1Unhpo4KqhS1Ti1qOZb5zygALDTxbvmFXlqoZfU5N-sgmaA5_mvLGa4shsw/' width='331'/></p>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: &#39;AppID&#39;, status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement(&#39;script&#39;); e.async = true;
e.src = document.location.protocol +
&#39;//connect.facebook.net/en_US/all.js&#39;;
document.getElementById(&#39;fb-root&#39;).appendChild(e);
}());
</script>
<fb:comments width='600' xid='boxID'/>
<div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'> <img alt='' class='icon-action' height='16' src='http://allblogtools.com/imgup/1-2010/allblogtools-blogger-templa.gif' width='16'/> <b><a href='http://www.allblogtools.com/' target='_blank' title='blogger templates'>AllBlogToolsFacebook comments for blogger</a> brought to you by <a href='http://www.allblogtools.com/' target='_blank' title='blogger templates'>AllBlogTools.com , Get Yours?</a></b></div>
</b:if>

dans le code ci-dessus il faut changer les codes suivantes:

• AppID : Remplacer cet article avec votre identifiant généré app (ce que nous générée à l'étape précédente), il doit être en nombre, et ressemble à la capture d'écran ci-dessus.
• 600 : changement de ce à contrôler la largeur de votre boîte de commentaires. Ex: 500 ou 450.


• boxID donner à votre boîte de commentaires tout identifiant unique, il peut s'agir de votre nom, votre titre de blog, les mots, lettres seulement permise, sans espace ex. maxmax, maxsite or maxblog. maxmax, maxsite ou maxblog.

Maintenant votre code est prêt, permet de passer à l'étape suivante.

Étape 4 : Ajoutez le code de votre modèle.

Il s'agit de la dernière étape, s'il vous plaît allez à votre compte Blogger à nouveau, et accédez à, l'aménagement>> modifier>> html et vérifier Développer les modèles de gadgets puis trouvez le code suivant :

<data:post.body/>

Et après, collez votre code. (vous l'avez obtenu à l'étape 3) et maintenant s'il vous plaît cliquez sur Enregistrer le modèle, puis vérifiez votre blog.

Attention : si vous avez facebook comme bouton installé sur votre blog s'il vous plaît le supprimer avant d'appliquer cette tutoriaux.