web and seo: আপনার ব্লগস্পট সাইটে যুক্ত করুন ফেসবুক কমেন্ট ফীচার !

আপনার ব্লগস্পট সাইটে যুক্ত করুন ফেসবুক কমেন্ট ফীচার !

আমাদের মাঝে অনেকেই আছেন যারা ব্লগিং সিএমএস হিসেবে ব্লগস্পট কে ব্যাবহার করছেন । মূলত তাদের জন্যই আজকের এই টিউটোরিয়াল । আজকে আপনাদের দেখাবো কিভাবে ব্লগস্পটে বানানো সাইটে ফেসবুক কমেন্ট অপশন যোগ করবেন । চলুন দেখে নেয়া যাক কিভাবে কিভাবে আপনার ব্লগে ফেসবুক কমেন্ট ফীচার চালু করবেন ।

প্রথমে এখানে ক্লিক করে ফেসবুক ডেভলপারস এ প্রবেশ করুন । নিচের ছবিতে দেখানো "Create New App" তে ক্লিক করুন । ছবিগুলো দেখতে সম্যসা হলে ছবির উপরে ক্লিক করে বড় করে দেখতে পারেন ।

"APP Name" এবং "APP Namespace" এর যায়গায় নিজের ইচ্ছামত কিছু একটা দিন এবং "Continue" তে ক্লিক করুন ।

এবার নিচের মত স্ক্রিন আসবে । এখানে প্রথম অপশন থেকে "PHP" সিলেক্ট করুন এবং তার নিচের ইমেইল এড্রেস বক্সে আপনার মেইল এড্রেস টি লিখুন ।

এবার নিচের ছবিটি অনুসরন করুন !

এবার নিচের ছবিতে চিহ্নিত এপস আইডি টি কপি করুন ।

এবার আপনার ব্লগারের ড্যাশবোর্ডে লগইন করে Template থেকে HTML এডিটর ওপেন করুন । এবার ট্যাগের পরে নিচের কোডটি বসিয়ে দিন ।
<meta content='YOUR_FACEBOOK_APPLICATION_ID' property='fb:app_id'/>
এখানে YOUR_FACEBOOK_APPLICATION_ID এর জায়গায় আপনার কপি করা এপস আইডি টি রিপ্লেস করুন । অনেক সময় কপি করতে কোড ভেঙ্গে যায় । সেরকম হলে এখান থেকে কোডটি ডাউনলোড করে নিন ।

এবার নিচের ছবিতে দেখানো অংশে টিক চিহ্ন দিন ।

এবার আপনার টেমপ্লেট থেকে নিচের কোড টি খুজে বের করুন ।
<div class='post-footer-line post-footer-line-3'>

 
যদি উপরের কোডটি আপনার টেমপ্লেটে না থাকে তাহলে নিচের কোডটি খোজার চেষ্টা করুন ।

<p class='post-footer-line post-footer-line-3'>

এবার উপরের কোডটির পরে নিচের দেয়া কোডটি বসিয়ে দিন ।

<b:if cond='data:blog.pageType == "item"'>
<div id="fb-root"></div>
<script>(function(d){
 var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
 js = d.createElement('script'); js.id = id; js.async = true;
 js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
 d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
<fb:comments width='450' colorscheme='light' expr:title='data:post.title' expr:href='data:post.canonicalUrl' expr:xid='data:post.id'/>
</b:if>

কোড কপি করতে সম্যসা হলে এখান থেকে কোডটি ডাউনলোড করে নিন ।