Monday, 3 August 2015

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&amp;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"'>
                 &lt;div
                     class=&quot;fb-comments&quot;
                     data-href=&quot;<data:post.url/>&quot;
                     data-width=&quot;590&quot;
                     data-num-posts=&quot;100&quot;&gt;
                 &lt;/div&gt;
            </b:if>
  >> And Again Click Save Template.


Labels: ,

0 Comments:

Post a Comment

Subscribe to Post Comments [Atom]

<< Home