How to add facebook comment box in blogger 2015
>> Step 1:
>> Log in your Facebook account.
>> Go to Setting option from to right corner.
>> Click Developer option from below.
>> Then click Docs button.
>> Click Social Plugins option.
>> Then click Comments from bellow right corner.
>> You can see now 3 boxes like bellow picture.
Url to comment on box give your blog Domain Name.
Width box give width
Number of post
Color Scheme box
>> Finally click Get Code button like below picture.
>> Copy Html5 code like below picture.
>> Step 2:
Adding Facebook Comment Box in Blogger
>> Log in Blogger dashboard.
>> Go to template > edit html.
>> Search </body> tag {Ctrl+f}
>> Copy the code to the HTML5 and Now past code above </body> tag.
>> Click Save Template.
Note: you will get "Error parsing XML, line 884, column 64:
The reference to entity "version" must end with the ';' delimiter".
But don't worry just change that line like this.
Before:
js.src"//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4";
After:
js.src"//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4";
>> Click again save template
>> Next search that blog and this red code <b:include data='post' name='post'/>
>> Past bellow codes after this red tag.
>> Copy And past below code under that code
<b:if cond='data:blog.pageType == "item"'>
<div
class="fb-comments"
data-href="<data:post.url/>"
data-width="590"
data-num-posts="100">
</div>
</b:if>
>> And Again Click Save Template.
>> Log in your Facebook account.
>> Go to Setting option from to right corner.
>> Click Developer option from below.
>> Then click Docs button.
>> Click Social Plugins option.
>> Then click Comments from bellow right corner.
>> You can see now 3 boxes like bellow picture.
Url to comment on box give your blog Domain Name.
Width box give width
Number of post
Color Scheme box
>> Finally click Get Code button like below picture.
>> Copy Html5 code like below picture.
>> Step 2:
Adding Facebook Comment Box in Blogger
>> Log in Blogger dashboard.
>> Go to template > edit html.
>> Search </body> tag {Ctrl+f}
>> Copy the code to the HTML5 and Now past code above </body> tag.
>> Click Save Template.
Note: you will get "Error parsing XML, line 884, column 64:
The reference to entity "version" must end with the ';' delimiter".
But don't worry just change that line like this.
Before:
js.src"//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4";
After:
js.src"//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4";
>> Click again save template
>> Next search that blog and this red code <b:include data='post' name='post'/>
>> Past bellow codes after this red tag.
>> Copy And past below code under that code
<b:if cond='data:blog.pageType == "item"'>
<div
class="fb-comments"
data-href="<data:post.url/>"
data-width="590"
data-num-posts="100">
</div>
</b:if>
>> And Again Click Save Template.
0 Comments:
Post a Comment
Subscribe to Post Comments [Atom]
<< Home