এক ঝলকে জেনে নিই ফেসবুক কমেন বক্স কি ?
কমেন্ট বক্স হচ্ছে পাঠকের মন্তব্য লেখার জায়গা ,যেখানে পাঠক চাইলে নিজের কথা লিখতে বা বলতে পারে । আমরা যারা ব্লগ নিয়ে লেখা লিখি করি তাদের পাঠকের লেখাকে গুরুত্ব দেওয়া জুরুরি। কেননা আপনার সাথে পাঠকের সম্পর্ক ভালো হলে আপনার ব্লগে ভিজিটর বেড়ে যাবে,আর ভিজিটর বেড়ে যাওয়া মানে আপনার আয়ের পথও তত বেড়ে যাবে । আমরা যারা ব্লগে লিখি, আমরা চাইলে কমেন্ট বক্স অপশনটি বন্ধ করে দিতে পারি । কিন্তু তাতে ভালো ফল আসা করা যায়না ।অতএব কমেন্ট বক্স প্রত্যেকটি পোস্ট এ থাকা জরুরী । আর এ জন্যই উত্তম কমেন্ট বক্স হিসাবে ফেসবুক কে গুরুত্ব দেওয়া হয় বেশি, কেননা ১০০ % পাঠকের ফেসবুক অ্যাকাউন্ট থাকে, তাতে একজন পাঠকের আপনার পোস্ট এ কমেন্ট করা সহজ হয়ে যায়। মন্তব্য করার জন্য পাঠককে গুগল অ্যাকাউন্ট এ প্রবেশ না করে অবাধে আপনার পোস্টে মন্তব্য দিতে পারে ,আর এ জন্যই ফেসবুক কমেন্ট বক্স কে উত্তম কমেন্ট বক্স হিসাবে বেছে নেই।
কিভাবে যুক্ত করবো এই কমেন্ট বক্সঃ-
পদ্ধতি ১ । প্রথমে Facebook Application এ একটি অ্যাকাউন্ট খুলুন।
পদ্ধতি ২ । Facebook Developers Account এ প্রবেশ করুন। তারপর নির্বাচন করুন Apps এবং Create a New App এ ক্লিক করুন ।নিচের ছবিটি লক্ষ্য করুন।
পদ্ধতি ২ । Facebook Developers Account এ প্রবেশ করুন। তারপর নির্বাচন করুন Apps এবং Create a New App এ ক্লিক করুন ।নিচের ছবিটি লক্ষ্য করুন।
পদ্ধতি ৩ । এরপর প্রদর্শিত - Display Name, Namespace, Category এবং Create App এ সঠিক তথ্য দিয়ে ফর্ম টি পুরন করুন।নিচের ছবিটি লক্ষ্য করুন।
পদ্ধতি ৪ ।এরপর Captcha ওয়ার্ড দিয়ে Submit করুন।
পদ্ধতি ৫ । এরপর App Dashboard থেকে App ID টি কপি করে Notepad এ ( .txt ) file দিয়ে সেভ করে রাখুন ।নিচের ছবিটি লক্ষ্য করুন।
পদ্ধতি ৬। এরপর Add Platform অপশনটিতে ক্লিক করুন। নিচের ছবিটি লক্ষ্য করুন।
পদ্ধতি ৭। এরপর আপনি আপনার ব্লগ Account এ প্রবেশ করুন । তারপর ব্লগটি সিলেক্ট করে Template এ প্রবেশ করুন এবং Template টিকে Backup করে রাখুন ।
পদ্ধতি ৮। এরপর <body লিখে সার্চ করুন।
পদ্ধতি ৯। তারপর নিচের JavaScript code টি পেস্ট করে দিন ।
বিঃদ্রঃ
আপনি প্রয়োজন অনুযায়ী কমেন্ট বক্স এর width পরিবর্তন (width='500' এবং width='500' px) করে নিতে পারেন।
যদি মনে হয় আপনি theme পরিবর্তন করবেন তবে theme টি ও পরিবর্তন করে নিতে পারেন। তার জন্য আপনি 'light' or 'dark' ওয়ার্ড টি পরিবর্তন করে নিন । এর জন্য Hex Color Code ও ব্যবহার করতে পারেন ।আপনি এখানে ক্লিক (Color Code Generator) করে Colour সিলেক্ট করতে পারেন।
পদ্ধতি ১২। এরপর পুনরায় <head> লিখে সার্চ করুন এবং নিচের কোডটি তার নিচে পেস্ট করুন ।
উক্ত কোডটিতেও,চাইলে আপনি পরিবর্তন করে নিতে পারেন।
· Amar pc : Amar computer এখানে আপনি আপনার ব্লগ টাইটেল ও নেম পরিবর্তন করে নিন ।
পদ্ধতি ৯। তারপর নিচের JavaScript code টি পেস্ট করে দিন ।
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR_APP_ID',
status : true,
xfbml : true
});
};
(function(){
if (document.getElementById('facebook-jssdk')) {return;}
var firstScriptElement = document.getElementsByTagName('script')[0];
var facebookJS = document.createElement('script');
facebookJS.id = 'facebook-jssdk';
facebookJS.src = '//connect.facebook.net/en_US/all.js';
firstScriptElement.parentNode.insertBefore(facebookJS, firstScriptElement);
}());
</script>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR_APP_ID',
status : true,
xfbml : true
});
};
(function(){
if (document.getElementById('facebook-jssdk')) {return;}
var firstScriptElement = document.getElementsByTagName('script')[0];
var facebookJS = document.createElement('script');
facebookJS.id = 'facebook-jssdk';
facebookJS.src = '//connect.facebook.net/en_US/all.js';
firstScriptElement.parentNode.insertBefore(facebookJS, firstScriptElement);
}());
</script>
বিঃদ্রঃ আপনার Facebook App ID টি YOUR_APP_ID লেখার জায়গায় যুক্ত করুন।
পদ্ধতি ১০। পুনরায় নিচের Code টি লিখে সার্চ করুন।
পদ্ধতি ১০। পুনরায় নিচের Code টি লিখে সার্চ করুন।
<b:includable id='comment-form' var='post'>
পদ্ধতি ১১। এরপর উক্ত Code টির পরে নিচের Code টি পেস্ট করুন ।
<b:if cond='data:blog.pageType == "item"'>
<fb:comments colorscheme='light' expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id' width='500'/>
<div style='color:#fff; background-color:#3B5998;border: solid 1px #ddd; font-size:10px; padding:3px; width:500px;'>Facebook Comments by
<b><a href='http://amar-pc.blogspot.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='Computer Bangla Tips and Tricks'>Amar Computer</a></b>
</div>
</b:if>
<fb:comments colorscheme='light' expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id' width='500'/>
<div style='color:#fff; background-color:#3B5998;border: solid 1px #ddd; font-size:10px; padding:3px; width:500px;'>Facebook Comments by
<b><a href='http://amar-pc.blogspot.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='Computer Bangla Tips and Tricks'>Amar Computer</a></b>
</div>
</b:if>
বিঃদ্রঃ
আপনি প্রয়োজন অনুযায়ী কমেন্ট বক্স এর width পরিবর্তন (width='500' এবং width='500' px) করে নিতে পারেন।
যদি মনে হয় আপনি theme পরিবর্তন করবেন তবে theme টি ও পরিবর্তন করে নিতে পারেন। তার জন্য আপনি 'light' or 'dark' ওয়ার্ড টি পরিবর্তন করে নিন । এর জন্য Hex Color Code ও ব্যবহার করতে পারেন ।আপনি এখানে ক্লিক (Color Code Generator) করে Colour সিলেক্ট করতে পারেন।
পদ্ধতি ১২। এরপর পুনরায় <head> লিখে সার্চ করুন এবং নিচের কোডটি তার নিচে পেস্ট করুন ।
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='Amar pc : Amar computer' property='og:site_name'/>
<meta content='BLOG-LOGO-IMAGE-LINK' property='og:image'/>
<meta property="fb:app_id" content="YOUR_APPLICATION_ID"/>
<meta property="fb:admins" content="YOUR_FACEBOOK_USER_ID"/>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='Amar pc : Amar computer' property='og:site_name'/>
<meta content='BLOG-LOGO-IMAGE-LINK' property='og:image'/>
<meta property="fb:app_id" content="YOUR_APPLICATION_ID"/>
<meta property="fb:admins" content="YOUR_FACEBOOK_USER_ID"/>
<meta content='article' property='og:type'/>
উক্ত কোডটিতেও,চাইলে আপনি পরিবর্তন করে নিতে পারেন।
· Amar pc : Amar computer এখানে আপনি আপনার ব্লগ টাইটেল ও নেম পরিবর্তন করে নিন ।
· BLOG-LOGO-IMAGE-LINK এর জায়গায় image link টাইপ করুন ।
· YOUR_APPLICATION_ID এর জায়গায় পুনরায় Application ID টি টাইপ করুন।
· YOUR_FACEBOOK_USER_ID এর জায়গায় আপনার Facebook App ID টি টাইপ করুন ।
সমস্যা যা হতে পারেঃ
যদি আপনার ব্লগের পূর্বের ভার্সন হয়,তবে সঠিক ভাবে নাও কাজ করতে পারে।তার জন্য আপনি <html এর পর ফাঁক দিয়ে
xmlns:fb='http://www.facebook.com/2008/fbml'
কোডটি টাইপ করুন ।
xmlns:fb='http://www.facebook.com/2008/fbml'
কোডটি টাইপ করুন ।
সবশেষে template টিকে সেভ করে দিন।
বন্ধুরা,এই পোস্টটি ভালো লাগলে শেয়ার ও কমেন করতে ভুলবেন না কিন্তু কেমন।ভালোথাকুন, ধন্যবাদ।।
বন্ধুরা,এই পোস্টটি ভালো লাগলে শেয়ার ও কমেন করতে ভুলবেন না কিন্তু কেমন।ভালোথাকুন, ধন্যবাদ।।
Post a Comment Blogger Facebook
EmoticonClick to see the code!
To insert emoticon you must added at least one space before the code.