फ़ेसबुक कमेंट्स को ब्लॉगर के साथ प्रयोग करना

फ़ेसबुक कमेंट बॉक्स ब्लॉगर के लिए (Facebook Comments System with Blogger) एक सुविधाजनक कमेंट सिस्ट्म साबित हो सकता है। फ़ेसबुक ने ब्लॉगर के लिए कई नये सोशियल प्लगिंस डिवेलप किये हैं जिनमें से फ़ेसबुक कमेंट बॉक्स एक है। आज हम ब्लॉगर से इस कमेंट बॉक्स को इंटीग्रेट करना सीखेंगे। नयी शुरुआत करने से पूर्व आपको अपने ब्लॉगर का टेम्पलेट और कमेंट का बैकअप अवश्य ले लेना चाहिए क्योंकि पुराने कमेंट इस नये सिस्टम में नहीं दिखेंगे और न जुड़ पायेंगे।

Facebook Comments

फ़ेसबुक कमेंट्स सिस्टम तैयार करना

1. फ़ेसबुक डेवलपर पेज पर जायें [https://developers.facebook.com/apps/]
2. फिर + Create New App पर क्लिक करें

3. अब जो स्क्रीन आपको दिखे उसमें valid App Name भरें और Continue पर क्लिक कर दें

4. अगले स्क्रीन पर आपको Captcha Code भरकर Submit Button पर क्लिक कर दें

5. इसके बाद अगली स्क्रीन पर आपको App ID मिल जाती है

Facebook Comment Configuration on Blogger

6. नीचे Basic info में App Domains के सामने आपको नीचे दिये गये 17 डोमेन एक-एक करके भरने होंगे।

blogpost.com, blogspot.mx, blogspot.in, blogspot.pt, blogspot.jp, blogspot.ca, blogspot.de, blogspot.it, blogspot.fr, blogspot.se, blogspot.co.uk, blogspot.co.nz, blogspot.com.es, blogspot.com.br, blogspot.com.ar, blogspot.com.au, blogspot.ae

7. फिर ‘Select how your app integrates with Facebook‘ में ‘Website with Facebook Login‘ में ‘Site URL:‘ में अपने ब्लॉग/साइट का URL भरना होगा।
8. और अंत में ‘Save Changes‘ के बटन पर क्लिक करके सारी सेटिंग को सहेज दें
9. इस सबके बाद Application and Moderator Meta Tags तैयार करना है

<meta property='fb:admins' content='FACEBOOK_USER_ID'/>
<meta property='fb:app_id' content='APPLICATION_ID'/>

उदाहरण –

<meta property='fb:admins' content='VPNazar'/>
<meta property='fb:app_id' content='421760957869477'/>

10. अब; Dashboard ¬> Blog चुनें ¬> Template टैब पर जायें ¬> EDIT HTML पर क्लिक करें
11. और <head> के नीचे meta tag को निम्न प्रकार से जोड़ दें

<head>
<meta property='fb:admins' content='VPNazar'/>
<meta property='fb:app_id' content='421760957869477'/>

नोट: यदि आप ये meta tag अपने ब्लॉग/साइट के साथ नहीं जोड़ेगे तो आप फेसबुक कमेंट को मोडरेट नहीं कर पायेंगे।

12. अब आगे आपको अपने ब्लॉग टेम्पलेट में नीचे दिये गये 2 कोड में से किसी एक को खोजना है।

<div class='post-footer-line post-footer-line-3'

<p class='post-footer-line post-footer-line-3'

यदि आपको उपरोक्त में से कोई भी कोड न मिले तो इस कोड की खोज करें

<data:post.body/>

13. और खोजे गये कोड के नीचे अगली पंक्ति में नीचे दिया गया कोड पेस्ट कर दें

<b:if cond='data:blog.pageType == "item"'>
<!-- Facebook Javascript -->
<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/en_IN/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- Facebook Comments -->
<div class="fb-comments" expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id' data-colorscheme="light"></div>
</b:if>

ब्लॉगर का डिफ़ाल्ट कमेंट सिस्टम बंद करना

यदि आप ब्लॉगर का डिफ़ाल्ट कमेंट सिस्टम बंद करना चाहते हैं तो इसको बंद करने का सबसे सरल विधि है:

1. Dashboard पर जायें और Blog को चुनें
2. Settings की टैब पर जायें
3. फिर Posts and Comments की टैब पर जायें
4. और Comment Location के सामने DropDown से Hide विकल्प चुनें
5. और दायीं ओर Save Settings के नारंगी बटन पर क्लिक करके सहेज दें

आशा है कि आप इस नये कमेंट सिस्टम का प्रयोग करके लाभप्रद हो सकेंगे।