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

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

4/ 5 stars - "ব্লগে Facebook কমেন্ট Box যুক্ত করার সহজতর উপায় (Latest)" Rashid আমরা ইতিপূর্বে আপনাদের সাথে ব্লগে Facebook Comment Box যুক্ত করার উপায় সংক্রান্ত একটি পোষ্ট শেয়ার করেছি। আপনি ইচ্ছে করলে এই লিংক থেকে প...

আমরা ইতিপূর্বে আপনাদের সাথে ব্লগে 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 == &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' সিলেক্ট করে দিতে পারেন।

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

Subscribe on Youtube

Rashid