সম্প্রতি সময়ে ইন্টারনেট বিশ্বের সবচেয়ে জনপ্রিয় সামাজিক যোগাযোগের মাধ্যম হচ্ছে ফেইসবুক। প্রতিদিন ফেইসবুক ইউজ করে না এমন লোক খুব কমই আছে। আপনার ব্লগে যদি সামাজিক যোগাযোগের এই সহজ মাধ্যমের কমেন্ট বক্সটি যুক্ত করে রাখেন তাহলে কেমন হয়। দেখা যায় অনেকেই আপনার ব্লগে ভিজিট করছে কিন্তু ব্লগে কিংবা গুগলে লগইন করতে না পারায় তার মতামত প্রকাশ করতে পারছে না। আপনি যদি ফেইসবুক কমেন্ট বক্স যুক্ত করে রাখেন তাহলে যে কেউ সহজেই আপনার পোষ্ট সম্পর্কে মতামত প্রদান করতে পারবে।
তাছাড়া দেখা গেল আপনি একটি পোষ্ট করলেন, পোষ্টটি করার পর আপনি অবশ্যই চাইবেন যে, আপনার পোষ্টটি ফেইসবুকে শেয়ার করতে। শেয়ার করার পর ওখান থেকে যে ভিজিটর আসবে তারা এমনিতেই ফেইসবুকে লগইন করা থাকার কারনে খুব সহজেই আপনার ব্লগে কমেন্ট করতে পারবে। তাছাড়াও ফেইসবুক এর পোষ্টে কোন কমেন্ট করার পর ফেইসবুক কর্তৃপক্ষ অটোমেটিক্যালি কমেন্ট এর নোটিফিকেশন কমেন্টকারীর ফ্রেন্ডদের নটিফিকেশনের মাধ্যমে জানিয়ে দেয়। যার ফলশ্রুতিতে আপনার পোষ্টটি অনেক লোকের কাছে পৌছে যায়।
আমরা ইতিপূর্বে আপনাদের সাথে ব্লগে Facebook Comment Box যুক্ত করার উপায় সংক্রান্ত একটি পোষ্ট শেয়ার করেছি। ঐ পোষ্টে আমরা বিস্তারিতভাবে বর্ণনা করে দেখিয়েছিলাম যে, কিভাবে Facebook হতে Plugin টি যুক্ত করার মাধ্যমে ব্লগে কমেন্ট বক্স যুক্ত করতে হয়। এই জন্য সেখানে বাড়তী কিছু স্টেপ অনুসরণ করতে হয়েছিল।
যার ফলে অনেকে আমাকে বলেছিলেন যে, আরোও সহজভাবে বিষয়টি পোষ্ট করার জন্য। সেই জন্য সবার কথা বিবেচনা করে আমি আজ সহজভাবে দেখাবো, আপনার প্রিয় ব্লগে কিভাবে Facebook Comment Box টি যুক্ত করবেন। তাছাড়া এখানে কিছু আপডেটও পাবেন। যেমন - Facebook এর সর্বশেষ আপডেট করা Html5 কোড ব্যবহার করেছি। এর ফলে কমেন্ট বক্সটি আরোও দ্রুত লোড নেবে এবং দেখতেও আকর্ষণীয় মনে হবে।
কিভাবে ব্লগে যুক্ত করবেন?
প্রথমে আপনার ব্লগে লগইন করুন।
তারপর Template > Edit Html এ ক্লিক করুন।
এরপর কিবোর্ড হতে Ctrl+F চেপে </body> অংশটি সার্চ করুন।
এখন নিচের কোডগুলি কপি করে </body> এর উপরে পেষ্ট করুন।
(নোটঃ নিচের এই Facebook Plugin টি আপনার ব্লগে যদি যুক্ত করা থাকে, তাহলে পুনরায় এ্যাড করা প্রয়োজন নেই। কিন্তু এটি যদি যুক্ত করা না থাকে তাহলে অবশ্যই যুক্ত করে নেবেন। কারণ এই JavaScript টি যুক্ত করে রাখলে আপনার ব্লগে Facebook এর যে কোন Plugin ব্যবহার করতে পারবেন)।
<div id='fb-root'/>
<script>
//<![CDATA[
(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_US/sdk.js#xfbml=1&version=v2.3";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
তারপর আবার Ctrl+F চেপে <b:include data='post' name='post'/> অংশটি সার্চ করুন।
নিচের কোডগুলি কপি করে উপরের লাল অংশটির নিচে পেষ্ট করুন।
<b:if cond='data:blog.pageType == "item"'>
<div class='fb-comments' data-numposts='10' data-width='100%' expr:href='data:post.url'/>
</b:if>
সবশেষে Save Template এ ক্লিক করলেই কাজ OK.
কাষ্টোমাইজেশনঃ
কমেন্ট বক্সের Width এই অংশ data-width='100%' হতে পরিবর্তন করতে পারবেন।
কতটি কমেন্ট করার পর বাকী কমেন্টগুলি Embed অবস্থায় রাখতে চান, তা এখান থেকে data-numposts='10' সিলেক্ট করে দিতে পারেন।
