আসসালামু আলাইকুম । কেমন আছেন সবাই? আশা করি ভালো আছেন। আমিও আপনাদের দোয়াই অনেক ভালো আছি। প্রতিদিনের মতো আজো নতুন একটি টিউটোরিয়াল নিয়ে হাজীর হয়েছি। টিউটোরিয়ালটির বিষয়ঃ
উপরের কোড থেকে YOUR-FB-APP-ID মুছে যে একটু আগে যে App id তৈরি করলেন সেটা দিয়ে দিন এবং একি ভাবে দ্বিতীয় ট্যাগটিও সার্চ করুন
তাহলে আশাকরি কাজ টি করতে কোন রকম সমস্যা হলনা কোন রকম সমস্যা হলে নীচে কমেন্ট করতে পারেন অবশ্যই হেল্প করবো
তাহলে আজকের মত এই পর্যন্ত পোস্টটি ভাল লাগলে বন্ধুদের সঙ্গে শেয়ার করুন কাজটি করতে কোন রকম সমস্যা হলে অবশ্যই নীচে কমেন্ট করুন । ভাল থাকুন সুস্থ থাকুন । আসসালামু আলাইকুম ।
কিভাবে নতুন ফেসবুক কমেন্ট বক্স ব্লগার ব্লগে ব্যবহার করবেন
ব্লগে কমেন্ট বক্স একটা থাকে সেটা আমারা সবাই জানি তবুও ফেসবুক কমেন্ট বক্স খুব জনপ্রিয় একটা কমেন্ট সিস্টেম কারন বর্তমান সময়ে ফেসবুক এর যেপরিমান চাহিদা তাতে সব ধরনের ভিজিটর খুব সহজে গিমেল অ্যাকাউন্ট লগইন করে কমেন্ট করতে পছন্দ না করলেও ফেসবুকে কমেন্ট করতে অনেক ভালবাসে আর যার ফলে সব ধরনের ব্লগে এই ফেসবুক কমেন্ট সিস্টেম ব্যবহার করা হয় । চলুন দেখে নেওয়া যাক কিভাবে ব্লগার ব্যবহার কারি নিজেদের ব্লগে এই কমেন্ট বক্স ব্যবহার করবেন ।
আপনাকে এই নতুন স্টাইল ফেসবুক কমেন্ট বক্স ব্যবহার করার জন্য অবশ্যই ফেসবুক App ID তৈরি করতে হবে এটা খুব সহজ একটা কাজ ।
প্রথমে আপনি একটা App ID তৈরি করে নিন এর জন্য আপনাকে প্রথমে এই লিঙ্কে যেতে হবে এই
লিঙ্কে ক্লিক করার পরেই আপনি দেখুন উপরে My Apps আছে সেখানে ক্লিক করুন এবং আগে থেকে
App থাকলে Add a New App বা Create a New App বাটনে ক্লিক করুন ।
এবার নতুন একটা পেজ আসবে সেখান থেকে Website সিলেক্ট করুন এবং পরবর্তী স্টেপে গিয়ে ফর্ম টা সঠিক ভাবে পুরন করুন
ব্যাস এর পরে আরও একটা পেজ আসবে সেখানে সঠিক ভাবে সব কিছু পুরন করে দিন তাহলেই
আপনি আপনার App id পেয়ে যাবেন ।
প্রথমে আপনার ব্লগার ব্লগ লগইন করুন এবং ড্যাশবোর্ড থেকে Template পছন্দ করুন
এবং Edit HTML এ ক্লিক করুন ফাকা বক্স ঘরে মাউস ক্লিক করে CTRL+F প্রেস করুন এবং এই ট্যাগটি
খুজে বের করুন
নতুন স্টাইল ফেসবুক কমেন্ট বক্স ব্লগার/ব্লগস্পট ব্লগে ব্যবহার করুন ! |
প্রথমে আপনি একটা App ID তৈরি করে নিন এর জন্য আপনাকে প্রথমে এই লিঙ্কে যেতে হবে এই
লিঙ্কে ক্লিক করার পরেই আপনি দেখুন উপরে My Apps আছে সেখানে ক্লিক করুন এবং আগে থেকে
App থাকলে Add a New App বা Create a New App বাটনে ক্লিক করুন ।
এবার নতুন একটা পেজ আসবে সেখান থেকে Website সিলেক্ট করুন এবং পরবর্তী স্টেপে গিয়ে ফর্ম টা সঠিক ভাবে পুরন করুন
ব্যাস এর পরে আরও একটা পেজ আসবে সেখানে সঠিক ভাবে সব কিছু পুরন করে দিন তাহলেই
আপনি আপনার App id পেয়ে যাবেন ।
কিভাবে কমেন্ট বক্স যুক্ত করবেন
প্রথমে আপনার ব্লগার ব্লগ লগইন করুন এবং ড্যাশবোর্ড থেকে Template পছন্দ করুন
এবং Edit HTML এ ক্লিক করুন ফাকা বক্স ঘরে মাউস ক্লিক করে CTRL+F প্রেস করুন এবং এই ট্যাগটি
খুজে বের করুন
</body>এবার এই ট্যাগ এর ঠিক উপরে বা নীচে বসিয়ে দিন ।
<div id='fb-root'/>
<script type='text/javascript'>
//<![CDATA[
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR-FB-APP-ID',
status : true, // check login status
cookie : true, // enable cookies
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
//]]>
</script>
উপরের কোড থেকে YOUR-FB-APP-ID মুছে যে একটু আগে যে App id তৈরি করলেন সেটা দিয়ে দিন এবং একি ভাবে দ্বিতীয় ট্যাগটিও সার্চ করুন
<data:post.body/>এর ঠিক নীচে নিচের কোড গুল কপি করে পেস্ট করে দিন ।
<b:if cond='data:post.isFirstPost'>
<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>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<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>
<div style='margin: 20px 0 0 0;background:white;border:1px solid silver;'><fb:comments colorscheme='light' data-version='v2.3' expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id' width='100%'/></div>
</b:if>
<div class='clear'/>
তাহলে আশাকরি কাজ টি করতে কোন রকম সমস্যা হলনা কোন রকম সমস্যা হলে নীচে কমেন্ট করতে পারেন অবশ্যই হেল্প করবো
Post a Comment