Hello
everyone! Today I'm gonna show you how to use Facebook comment connect box in
blogger.
- It's the most popular
- Almost everybody has a Facebook account
- Sends visitor from Facebook
- It's threaded (reply option)
- Allows to like, send, share
Let's do!
1-Login Facebook
2-Go to Facebook plugins comments here
3-"URL to comment on" enter yours and click on side area to see preview
4-Click on "Get Codes"
Please loot at the image below for instructions - See more at
1-Login Facebook
2-Go to Facebook plugins comments here
3-"URL to comment on" enter yours and click on side area to see preview
4-Click on "Get Codes"
Please loot at the image below for instructions - See more at
The Numbers and Instructions
1-It just
post / comment number that you'll allow to be seen on a page
2-It's extremely important click Javascript SDK i'm gonna show you that where you'll paste it in blogger.
But before adding JavaScript SDK you need to know in advance what is your Facebook appID, to get this app ID login Facebook and click your fan page,you'll see it on browser - See more at:
2-It's extremely important click Javascript SDK i'm gonna show you that where you'll paste it in blogger.
But before adding JavaScript SDK you need to know in advance what is your Facebook appID, to get this app ID login Facebook and click your fan page,you'll see it on browser - See more at:
we are still busy with javascript SDK, this code will be
added just after(under) opening tag, you can get javascript SDK
In JavaScript
SDK numbered 1 is your plugin language, to learn what is yours click here. Then
replace it with your own language, for the number 2 paste any URL or Facebook
fan page URL, for the number 3 add "appID"
3-It's Facebook comment box plugin you can add it wherever you want in <body>... </body> tag but the best placement for it is right under of every post.To add it under every post search for <p class='comment-footer'> there might be this code exists twiceor thrice try to see last one(thrice one) and paste Facebook comment plugin just i have shown you on the image below
3-It's Facebook comment box plugin you can add it wherever you want in <body>... </body> tag but the best placement for it is right under of every post.To add it under every post search for <p class='comment-footer'> there might be this code exists twiceor thrice try to see last one(thrice one) and paste Facebook comment plugin just i have shown you on the image below
Note:
you can remove all codes between <p>...</p> and replace with
Facebook plugin code but save it after all in case you add blogger comment box
later.
Now we don't allow a post / comment under every post to be appeared, we'll make a unique URL for the plugin so that a visitor comments on just a post which is they want to comment only, so your last plugin code should look like <div class='fb-comments' data-num-posts='2' data-width='470' expr:href='data:post.url'/>
expr:href='data:post.url this code will separate a post from each other, so a visitor doesn't see their comment under every post, this code gets the permalink of post in blogger.
4-Actually i do not know what that is or what's it needed for,but the plugin works together with it. I find it optional.
Now we don't allow a post / comment under every post to be appeared, we'll make a unique URL for the plugin so that a visitor comments on just a post which is they want to comment only, so your last plugin code should look like <div class='fb-comments' data-num-posts='2' data-width='470' expr:href='data:post.url'/>
expr:href='data:post.url this code will separate a post from each other, so a visitor doesn't see their comment under every post, this code gets the permalink of post in blogger.
4-Actually i do not know what that is or what's it needed for,but the plugin works together with it. I find it optional.
