Wednesday, February 18, 2015

ব্লগারে ফেসবুক কমন্টে বক্স যুক্ত করুন। স্ক্রীনশট সহ

আজ লিখব ব্লগারে কিভাবে ফেসবুক কমন্টে বক্স যুক্ত করবেন। তার জন্য আপনাকে প্রথমে ফেসবুক কমেন্ট প্লাগিন কোড পেতে হবে। সেটি পেতে নিচের লিংক এ ক্লিক করুন

 ফেসবুক কমেন্ট প্লাগিন

যে বক্সটি আসবে সেখান থেকে Defult Url টি রিমুভ করে দিন। তারপর Gate Code এ ক্লিক করুন। চিত্র দেখুন।
Get Code এ ক্লিক করার পর যে বক্সটি আসবে সেখানে XFBML ট্যাব এ ক্লিক করুন। এবং সেখান থেকে জাভাস্ক্রীপট কোডটি কপি করে নোটপেডে পেস্ট করুন। চিত্র দেখুন।
এবার কোড এ & এর জায়গায় & লিখুন। চিত্রটি ভাল করে লক্ষ্য করুন।

এবার ব্লগারে লগিন করে আপনার ব্লগ এর টেমপ্লেট এ ক্লিক করুন।

Edit HTML এ গিয়ে <body লিখে Search করুন। তারপর চিত্র অনুযায়ী ধাপে ধাপে করুন।
নোটপেড থেকে কোডটি কপি করুন।

এবার ব্লগ এবার <body ট্যাগ এর ঠিক পরের লাইনে কোডটি পেস্ট করুন। চিত্র দেখুন।

এর ফেসবুক থেকে কমেন্ট প্লাগিন কোড এর দ্বিতীয় কোডটি কপি করুন। এবং নোটপেডে সেভ করুন। চিত্র দেখুন।
<html এবং > এই দুটি ট্যাগ কোড থেকে মুছে ফেলুন। তারপর নতুন কোডটি কপি করুন। এবং আবার ব্লগারে যান।
<html লিখে Search করুন। এই ট্যাগ এর সবার শেষে ১টি স্পেস দিয়ে কোডটি পেস্ট করুন। ভাল করে নিচের চিত্রটি দেখুন।

এবার আমার নিচে দেয়া কোডটি কপি করুন:

<b:if cond='data:blog.pageType == "item"'>
<div style='padding:20px 0px 5px 0px; margin:0px 0px 0px 0px;'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' />
<div>
<fb:comments
colorscheme='light'
expr:href='data:post.url'
expr:title='data:post.title'
expr:xid='data:post.id'
width='515'
/>
</div>
</div>
</b:if>

এবার comment-form লিখে Search করুন। প্রথম যে Comment-form কোডটি আসবে তার ঠিক পরের লাইনে আমার দেয়া কোডটি কপি করে পেস্ট করুন। ভাল করে চিত্রটি দেখুন।

কাজ শেষ। এবার Save Template এ ক্লিক করুন।

No comments:

Post a Comment