ব্লগে Facebook কমেন্ট Box যুক্ত করার সহজতর উপায় (Latest)

আপনার প্রিয় ব্লগে কিভাবে 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 == &quot;item&quot;'>
  <div class='fb-comments' data-numposts='10' data-width='600' expr:href='data:post.url'/>
</b:if>

• সবশেষে Save Template এ ক্লিক করলেই কাজ OK.

 কাষ্টোমাইজেশনঃ

• কমেন্ট বক্সের Width এই অংশ data-width='600' হতে পরিবর্তন করতে পারবেন।
• কতটি কমেন্ট করার পর বাকী কমেন্টগুলি Embed অবস্থায় রাখতে চান, তা এখান থেকে data-numposts='10' সিলেক্ট করে দিতে পারেন।

ভিডিও টিউটোরিয়াল দেখুন