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/AVvXsEi8eF3nQVnZJ2S6yX1nfnj_Q-jepriWeM65gie27-7afSVXeuQIzC5dPmHZOGXrIQiIObquv_PZXVPLWN_0i52ole04KdXGLnM_h9m06AKzFzSCuEcZ0pyJh6RPJ-bRVmmw0ptMN-OZwas/' 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.


17 Commentaires

Laisser un commentaire

  1. La ligne n'existe apparemment plus dans le code HTML...

    RépondreSupprimer
  2. Non en fait, il faut développer les modèles ;-)

    RépondreSupprimer
  3. c'est rien ça c'est pas ce que je cherche c'est pas profesionel mon pote bn courage pour l'avenir

    RépondreSupprimer
  4. merci j ai testé sur mon blog ca marche bien www.partager.us

    RépondreSupprimer
  5. merci bien monsieur tu as bien présenter l'objet .

    RépondreSupprimer
  6. merciiiiiiii fréroooooo
    sms d'amour
    http://msgdamour.blogspot.com

    RépondreSupprimer
  7. cool
    love sms
    http://msgdamour.blogspot.com/

    RépondreSupprimer
  8. Attention : ce module de commentaires fonctionne en mode de compatibilité mais sans aucune publication. Vous devriez spécifier un ’href’ explicite comme suggéré dans la documentation sur le module de commentaires pour profiter au mieux des fonctionnalités du module.
    ce message s'affiche au dessous du widget je fais quoi ?!!

    RépondreSupprimer
  9. Mon amour, ma toute petite fée adorée.
    Avec ta baguette magique tu a su ouvrir les portes de mon cœur.
    Ce jour là, tu y es entrée pour toujours.
    Ce jour là, mon coeur c'est enfin mis à battre très fort aussi.
    J'ai compris, petite fée chérie que l'amour était là.
    J'ai compris, petite fée chérie que c'était toi l'amour de ma vie.
    Depuis ce jour mon amour, que tu sois près, que tu sois loin de moi, dans mon cœur tu es là.
    À chacun de ces battements, c'est ta petite baguette magique qui résonne en moi.
    Je t'aime, je t'aime, un million de fois par jour, je t'aime mon amour.…
    citation d'amour
    http://msgdamour.blogspot.com/2012/05/citation-damour.html
    poeme d'amour
    image d'amour
    citation d'amour
    Phrase d'amour
    http://msgdamour.blogspot.com/2012/04/phrases-damour.html
    mensaje de amor
    phrase d'amour
    amour
    déclaration d'amour
    lettre d'amour
    photo couverture facebook
    poème d'amour
    http://www.poeme-damour.com
    citation d'amitié
    histoire d'amour

    RépondreSupprimer
  10. Merci ça fonctionne à merveille, j'ai testé ça sur mon blog couverture facebook

    RépondreSupprimer
  11. après 2 heure de recherche on ne pouvais pas trouver plus simple que chez toi merci ;)

    RépondreSupprimer
  12. merci excellent tuto 5/5 mais quand je pose une commentaire s'affiche sur tous les articles

    RépondreSupprimer
  13. je l'ai essayer et ca marche nikel sur mon blog
    Meilleur banque

    RépondreSupprimer
  14. J'ai essayé et sa fonctionne pas sur mon blog.
    Faut-il que mon blog soi public et répertorié sur les moteurs de recherche pour que cela fonctionne ?

    RépondreSupprimer

Enregistrer un commentaire

Laisser un commentaire

Plus récente Plus ancienne