ব্লগে Facebook কমেন্ট Box যুক্ত করার উপায়

Facebook Comment Box for Blogger
সম্প্রতি সময়ে ইন্টারনেট বিশ্বের সবচেয়ে জনপ্রিয় সামাজিক যোগাযোগের মাধ্যম হচ্ছে ফেইসবুক। প্রতিদিন ফেইসবুক ইউজ করে না এমন লোক খুব কমই আছে। আপনার ব্লগে যদি সামাজিক যোগাযোগের এই সহজ মাধ্যমের কমেন্ট বক্সটি যুক্ত করে রাখেন তাহলে কেমন হয়। দেখা যায় অনেকেই আপনার ব্লগে ভিজিট করছে কিন্তু ব্লগে কিংবা গুগলে লগইন করতে না পারায় তার মতামত প্রকাশ করতে পারছে না। আপনি যদি ফেইসবুক কমেন্ট বক্স যুক্ত করে রাখেন তাহলে যে কেউ সহজেই আপনার পোষ্ট সম্পর্কে মতামত প্রদান করতে পারবে। তাছাড়া দেখা গেল আপনি একটি পোষ্ট করলেন, পোষ্টটি করার পর আপনি অবশ্যই চাইবেন যে, আপনার পোষ্টটি ফেইসবুকে শেয়ার করতে। শেয়ার করার পর ওখান থেকে যে ভিজিটর আসবে তারা এমনিতেই ফেইসবুকে লগইন করা থাকার কারনে খুব সহজেই আপনার ব্লগে কমেন্ট করতে পারবে। তাছাড়াও ফেইসবুক এর পোষ্টে কোন কমেন্ট করার পর ফেইসবুক কর্তৃপক্ষ অটোমেটিক্যালি কমেন্ট এর নোটিফিকেশন কমেন্টকারীর ফ্রেন্ডদের নটিফিকেশনের মাধ্যমে জানিয়ে দেয়। যার ফলশ্রুতিতে আপনার পোষ্টটি অনেক লোকের কাছে পৌছে যায়।

কিভাবে যুক্ত করতে হয়ঃ আমি আপনাদের যে পদ্ধতি দেখাব এর মাধ্যমে খুবই সহজে ব্লগে ফেইসবুক কমেন্ট যুক্ত করতে পারবেন। নেটে অনেক পদ্ধতিই পাবেন কিন্তু আমার মনে হয় এরকম সহজ পদ্ধতি আর কোথাও পাবেন না। এ ছাড়া উপরের ছবিটিতে দেখতেই পাচ্ছেন যে, এটি সম্পূর্ণ নূতন এবং আপডেটেট কমেন্ট বক্স। সম্প্রতি ফেইসবুক কর্তৃপক্ষ এই নূতন পরিবর্তন এনেছে। যা আপনার কাছে খুবই ভাল লাগবে।
  • প্রথমে ফেইসবুক এ লগইন করুন।
  • তারপর উপরের ডান পাশ্বের কর্ণার থেকে Settings অপশনে ক্লিক করুন।
  • এরপর নিচের দিক হতে Developers অপশনে ক্লিক করুন।
  • এখন উপরের ম্যানু থেকে Docs এ মাউস ধরলেই অপশন আসবে। এই অপশন থেকে Social Plugins এ ক্লিক করতে হবে।
  • এরপর Social Plugins এ ক্লিক করার পর বেশ কিছু অপশন বেরিয়ে আসবে। ওখানেComments নামে একটি অপশন দেখতে পাবেন। এই Comments এ ক্লিক করলে অটোমেটিক্যালি Comments সেকশনে নিয়ে যাবে।
  • এখন Comments এর আন্ডারে Web নামের একটি অপশন পাবেন। এই Web অপশন ক্লিক করুন।
  • তারপর নিচের ছবির মত অপশন দেখতে পাবেন।
Facebook Comment Box Settings
  • এখানে উপরের লাল দাগের অংশে আপনার কাঙ্খিত ব্লগের ঠিকানা দিন এবং Number of Posts এর ঘরে ৫ অথবা ১০ দিয়ে নিচের লাল দাগের Get Code বাটনে ক্লিক করলেই নিচের চিত্রের মত কোড বিরিয়ে আসবে।
  • এখন আপনার ব্লগে লগইন করুন।
  • এরপর Template > Edit Html এ ক্লিক করুন।
  • তারপর কিবোর্ড হতে Ctrl+F চেপে </body> অংশটি সার্চ করুন।
  • এরপর এই লিংকে যান।
  • এখন উপরের চিত্রের ফেইসবুকের কোডগুলি কপি করে HTML Parser বক্সে পেষ্ট করে Convert এ ক্লিক করুন।
  • Convert করার পর কোডগুলি কপি করুন।
  • এখন কপি করা কোডগুলি </body> এর উপরে পেষ্ট করুন।
  • তারপর এই লাল কোডগুলি কপি করে কিবোর্ড হতে Ctrl+F চেপে সার্চ করুন <b:include data='post' name='post'/>
  • এখন নিচের বক্সের কোডগুলি উপরের লাল কোডের নিচে পেষ্ট করুন।
            <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>
  • এরপর Save Template এ ক্লিক করলেই কাজ OK.
কাষ্টমাইজেশনঃ
  • কমেন্ট বক্সের Width পরিবর্তন করতে চাইলে উপরের 590 এর জায়গায় আপনার পছন্দ মত মাপ দিতে পারেন।
  • আপনি যদি ব্লগার কমেন্ট বক্স Hide করতে চান তাহলে Settings > Posts and Settings > Comment Location এর ড্রপ-ডাউন ম্যানু থেকে Hide সিলেক্ট করে দিতে পারেন।
    ভিডিও টিউটোরিয়াল দেখুন