Jun 28, 2015

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

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

কিভাবে ব্লগে যুক্ত করবেনঃ

  • প্রথমে আপনার ব্লগে লগইন করুন।
  • তারপর Template > Edit Html এ ক্লিক করুন।
blogger-template-editor
  • এরপর কিবোর্ড হতে 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
Subcribe to our all updates

and Share on
পূর্ববর্তী পোষ্ট
পরবর্তী পোষ্ট

1 টি মন্তব্য: Post Yours! Read Comment Policy ▼
লক্ষ্য করুনঃ
পোষ্টের সাথে সম্পৃক্ত নয় এমন কোন কমেন্ট করা যাবে না। কোন কারণ ব্যতীত আপনার ব্লগের লিংক শেয়ার করতে যাবেন না। সবসময় গঠনমূলক মন্তব্য প্রদানের চেষ্টা করবেন। আমরা সবার মতামত সমানভাবে মূল্যায়ন করি এবং যথাসময়ে প্রতি উত্তর দেয়ার চেষ্টা করি।

  1. Thank you! I was able to do it because the video makes it easy to understand

    ReplyDelete

 
Subscribe for all Updates

Subscribe Now

কপিরাইট © 2015- প্রযুক্তি ডট কম ™, সর্বস্বত্ব সংরক্ষিত

Powered by: