Best Shopping Sites list is a platform whither is the solution to everything. Our team is professional in Information Technology and shopping Field. We have all kinds of blogs that we reach out to you directly. We have articles on these topics, particularly instruments shopping, Computer Geeks, software, technology, iphones, smart phones, SEO and SMO tips, blogging, traveling, movies, music, Question and Answers, full forms, and much more. If you want to engage your post visit ADD URL PAGE.

Latest Shopping Sites:- Best Shopping Sites in USA || Best Shopping Sites in Albania || Best Shopping Sites in Armenia || Best Shopping Sites in Australia || Best Shopping Sites in Austria || Best Shopping Sites in Belgium || Best Shopping Sites in Bosnia and Herzegovina || Best Shopping Sites in Bulgaria || Best Shopping Sites in Canada || Best Shopping Sites in Chile || Best Shopping Sites in Croatia || Best Shopping Sites in Czech Republic || Best Shopping Sites in Denmark || Best Shopping Sites in Finland || Best Shopping Sites in France || Best Shopping Sites in Germany || Best Shopping Sites in Greece || Best Shopping Sites in Hong Kong (China) || Best Shopping Sites in Hungary || Best Shopping Sites in Iceland || Best Shopping Sites in India || Best Shopping Sites in Indonesia || Best Shopping Sites in Ireland || Best Shopping Sites in Israel || Best Shopping Sites in Italy || Best Shopping Sites in Japan || Best Shopping Sites in Kenya || Best Shopping Sites in Lithuania || Best Shopping Sites in Luxembourg || Best Shopping Sites in Macedonia || Best Shopping Sites in Malaysia || Best Shopping Sites in Mexico || Best Shopping Sites in Moldova || Best Shopping Sites in Netherlands || Best Shopping Sites in New Zealand || Best Shopping Sites in Nigeria || Best Shopping Sites in Norway || Best Shopping Sites in Peru || Best Shopping Sites in Portugal || Best Shopping Sites in Qatar || Best Shopping Sites in Romania || Best Shopping Sites in Russia || Best Shopping Sites in Senegal || Best Shopping Sites in Serbia || Best Shopping Sites in Singapore || Best Shopping Sites in Slovakia || Best Shopping Sites in Slovenia || Best Shopping Sites in South Africa || Best Shopping Sites in South Korea || Best Shopping Sites in Sweden || Best Shopping Sites in Switzerland || Best Shopping Sites in Taiwan || Best Shopping Sites in the World || Best Shopping Sites in Uganda || Best Shopping Sites in United Arab Emirates (UAE) || Best Shopping Sites in United Kingdom (UK) || Best Shopping Sites in Uruguay|| Latest Updates:- Free Submit Your Website/Blog With Us || List Of Best Online Shopping Sites in India || Best Shopping Sites For Women's Clothing || Best Shopping Sites For Lingeries || Best Shopping Sites For Men's Clothing || Best Shopping Sites For Sports || Best Shopping Sites For Fitness || Best Shopping Sites For Flights || Best Shopping Sites For Travel || Best Shopping Sites For Holiday Packages || Best Shopping Sites For Shoes || Best Shopping Sites For Sandals || Best Shopping Sites For Books || Best Shopping Sites For Magazines || Best Shopping Sites For Cameras || Best Shopping Sites For Optics || Best Shopping Sites For Home Appliances || Best Shopping Sites For Electronics || Best Shopping Sites For Kitchen Appliances || Best Shopping Sites For Laptops || Best Shopping Sites For Computers || Best Shopping Sites For Mobiles || Best Shopping Sites For Android Phones || Best Shopping Sites For Iphone || Best Shopping Sites For Tabs || Best Shopping Sites For Ipad || Best Shopping Sites For Photos Prints || Best Shopping Sites For Watches || Best Shopping Sites For Wall Clocks || Best Shopping Sites For Movies || Best Shopping Sites For Music || Best Shopping Sites For Home Furnishing || Best Shopping Sites For Jewellery || Best Shopping Sites For Health Care || Best Shopping Sites For Lifestyle || Best Sites For Domain Registration || Best Sites For Website Hosting || Submit Your Link:- Social Bookmarking Sites For Arts and Humanities || Social Bookmarking Sites For Blogs || Social Bookmarking Sites For Business and Economy || Social Bookmarking Sites For Computers and Internet || Social Bookmarking Sites For Education || Social Bookmarking Sites For Entertainment || Social Bookmarking Sites For Fashion || Social Bookmarking Sites For Logistic || Social Bookmarking Sites For Law || Social Bookmarking Sites For Medical and Health || Social Bookmarking Sites For News and Media || Social Bookmarking Sites For Recreation and Sports || Social Bookmarking Sites For Reference || Social Bookmarking Sites For Science and Technology || Social Bookmarking Sites For Shopping || Social Bookmarking Sites For Tours and Travels || List of Bookmarking Sites:- All Do Follow Social Bookmarking Sites || All Free Social Bookmarking Sites List || Best Social Media Sites List || Best Social Networking Sites List || French Bookmarking Sites List || Germany Bookmarking Sites List || Social Media Sites For Business || Social Media Sites List || Spanish Bookmarking Sites List || Top Most Bookmarking Sites || Top Social Bookmarking Sites For SEO || USA Bookmarking Sites List ||

18 September 2013

Facebook Comment Box For Blogger 100% Working


Facebook Comments Box For BloggerIn 2009 Facebook developers introduced their best social plugin called "Facebook Comments Box". This plugin can be embedded in any website or blog and visitors can use their IDs of Facebook, Yahoo, AOL or Hotmail to leave a comment at your site.

Facebook comment box is one of the useful tool for bloggers to increase conversations. Now to add Facebook Comment Box to your Blogger blog follow these steps.


Step 1: Disable Default Comments



Let's start with disabling blogger default comments because you might not want to have 2 comments forms. Now to do this log into Blogger account and go to settings >> posts and comments

Facebook Comments Box For Blogger
Next to "Show Comments" field choose Hide and hit Save Settings


Step 2. Generate your Facebook App ID

Now to get a facebook comments box in your blogger blog you should generate your own Facebook APP ID/API KEY, it’s really easy and one step process.

Log into your Facebook and go to https://developers.facebook.com/apps/
Then click + Create New App at the top right corner of the page. A new pop-up window will show up. 

Facebook Comment Box For Blogger Blog

Enter an application name, check "I agree to the Facebook Terms"  and click "Continue".

After passing a capcha you will get a new form

FAcebook Comment Box ForBlogspot Blog 

Fill the following info:

App Namespace: Enter anything but if you use more than one word use "-" as a seperator not space.

App Domain: You must type blogspot.com but if your using blogger custom domain you should enter your domain name.

In the end select "Website" to integrate with facebook. and enter your Blog URL and hitSave Changes.

On the next page Facebook will give you the App ID

Facebook Comments Box FOr Blogger Blog

Just copy it and paste it in a text editor like notepad, we’ll need use in the next steps.


Step 3. Codes To Add To Your Template:

You must add the following codes to your blogger template to ensure that the comments box will work for your blog in the right way.
  • xmlns attribute
  • Javascript SDK
  • Open Graph Protocol tags
Adding the xmlns attribute:

Now go to your Blogger account once again and navigate to, Template >> Edit HTML,hit Proceed and check Expand Widget Templates

How To Add Facebook Comments Box To Blogger Blog

Now find (CTRL+F) this in the code: 

<html

and at the following code at the end (before closing the > ). Put a space before it. 

xmlns:fb='http://www.facebook.com/2008/fbml'

Adding the Javascript SDK Code: 

Now find (CTRL+F) this in the code:

<body>

Add the following code just below/after it.

<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({  appId  : 'YOUR APP ID',
status : true, 
cookie : true, 
xfbml  : true 
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol +
   '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>

Note: don’t forget to change YOUR APP ID to your app id ( You got in Step 2). 

Adding the Open Graph protocol tags: 

Copy the following code

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>  
<b:else/>  
<meta expr:content='data:blog.title' property='og:title'/>  
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>  
<meta content='YOUR-BLOG-NAME' property='og:site_name'/>  
<meta content='LOGO-URL' property='og:image'/>  
<meta content='YOUR-APP-ID' property='fb:app_id'/>  
<meta content='FACEBOOK-PROFILE-ID' property='fb:admins'/>
<meta content='article' property='og:type'/>

and change the colored text to the following,

Change YOUR-BLOG-NAME with your Blog name. 
Change LOGO-URL with your blog logo, or remove the all tag if you don’t want it.
Change YOUR-APP-ID with your application ID number ( You got in Step 2).
Change FACEBOOK-PROFILE-ID with your own Facebook user Profile ID.

After making these changes paste the above code just before/above 


</head>


Step 4. Adding the Comments Box to your Blogger template:

Now find (CTRL+F) this in the code:

<data:post.body/>

and paste the following code just below/after it.

<br/><br/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<fb:comments migrated='1' width='450' expr:title='data:post.title'
expr:href='data:post.url' expr:xid='data:post.id'/>
</div>
</b:if>


Step 5. 

Save the template.

Note:
For comment moderation just go to http://developers.facebook.com/tools/comments and click the settings at the rignt.
Facebook Comment Moderation
A pop up window will come up
FAcebook COmment Moderation
Here you can moderate comments, add your own blacklist words or choose the standard Facebook restrictions.


Enjoy And Share.

1 comment:

  1. This site is great. Amazing site..Your site rocks! Thank you Foodpanda Coupon

    ReplyDelete

You can submit your blog and website with us @ free of cost. Go to this link Best Bookmarking Sites. Enjoy and Share!!!