How to Add a Facebook Comments Plugin to Blogger

By SH101 -
How to Add a Facebook Comments Plugin to Blogger
facebook comments
Facebook comment




In this tutorial we will see together how to add a Facebook comment plugin on Blogger.

1-Create an ID application for your Blogger

It is a necessary step for the creation of "facebook comments". For that you must go to the link https://developers.facebook.com/apps/
Créer une application ID pour son site
Créer une application ID pour son site
Créer une application ID pour son site

Choose Website


Type the url of your WesSite




génerateur de code du plugin comments
Now go to the comments module page while staying connected with your Facebook Developer account.

code html

2-Edit The HTML Code 

 Go to Blogger's HTML page and paste the primary code right after the end of the <body> tag. Click on "Save model". 

 Now you should get an XML parsing error that says: 

 XML error analysis, line 663, column 31: the reference to the entity "version" must end with ';' Delimiter.
Change the code by changing & highlighted in red below by & amp;


 Before Editions:

 

<div id="fb-root"></div>




<script>(function(d, s, id) {




  var js, fjs = d.getElementsByTagName(s)[0];




  if (d.getElementById(id)) return;




  js = d.createElement(s); js.id = id;




  js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.9&appId=Your App ID5";




  fjs.parentNode.insertBefore(js, fjs);




}(document, 'script', 'facebook-jssdk'));</script>

Step 1: Include the JavaScript SDK on your HTML page

 Go to Blogger> Template> EDIT HTML page

 Click anywhere on the code page and press "CTRL + F" to display the search bar.

 Type <body>, paste the code right after the <body> tag
Modifier le code HTML

After Editions:


<div id="fb-root"></div>




<script>(function(d, s, id) {




  var js, fjs = d.getElementsByTagName(s)[0];




  if (d.getElementById(id)) return;




  js = d.createElement(s); js.id = id;




  js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1& amp ; version=v2.9& amp ; appId= Your App ID";




  fjs.parentNode.insertBefore(js, fjs);




}(document, 'script', 'facebook-jssdk'));</script>


After editing, Save the model and the analysis error should not appear again. Step 2: Place this code where you want the plug-in to appear on your page.

<div class="fb-comments" data-href="https://commentcreeunblog.blogspot.fr/" data-width="720" data-numposts="5"></div>
dans ce tutoriel je place le code au dessus juste avant les boutons des réseaux sociaux




Comments

Post a Comment

Popular posts from this blog

How to create an e-commerce store on Blogger

By SH101 -
Image
Build an online store can be quite tricky work for all . However, with some eCommerce plugins , we can transform our blog into a fully flourishing e-commerce site. However, there are countless models of Blogger eCommerce available on the Internet, but how do we convert our Blogger into a fully functional ecommerce site? Today, in this tutorial, I show you how to create an online eCommerce store on Blogger. You can sell almost anything on your Blogger site, but the product you are selling must be linked to your blog. If you have written an e-book, you can make that e-book available through your e-commerce compatible blog. Blogger can also sell T-shirts, jewelry, skin products and almost anything that is legal to sell.  How to create an e-commerce store on Blogger To create an online store to Blogger, I use a plugin called ECWID. It is a free e-commerce and shop solution that helps you convert your existing blog into a fully functional e-commerce store. First, you n...
Read more

How to Create and Add a Forum To Blogger

By SH101 -
Image
Adding the forum to your blogger is the best way to interact with your readers and your reader can chat on a topic on your Forum Blogger, there are many popular blogs have forums, and this is among the best method to get more reader for your Blog, and it's very easy to add, in this tutorial, I show you how to add in Forum Blogger. What is the Forum? The Forum is an online discussion site or web page where users  can post messages in topics or they can also  start a discussion on a subject. There are many websites that provide a free forum for your Blogger / websites, and one of the best methods that I will use in this tutorial is Google Groups in order to create the forum in blogger blog. Go to Google Groups and fill in the required information, then click on Create.   Click Invite people to join the group. Then go to Customize your group setting. Just copy the code below and save it temporarily on a notepad. Go to Blo...
Read more