বন্ধুরা সবাই আশাকরি ভালো আছেন সঙ্গে ব্লগিং ও জোর কদমে করে যাছেন । যাই হোক ইতি মধ্যে আমার কাছে অনেকে জানতে চেয়েছে কিভাবে ব্লগার ব্লগে ফেসবুক কমেন্ট বক্স যুক্ত করতে হয় । আজকের পোস্ট শুধু মাত্র তাদের জন্য । আগেই বলে রাখি একটু হাতে সময় নিয়ে বসবেন কারন আজকের পোস্টটি তুলনা মূলক একটু বেশি বড় হতে পারে । যাই হোক আমার মনে হয়না Fcebook কমেন্ট নিয়ে আর বেশি কিছু বলার আছে । তাহলে নীচে থেকে দেখে নিন কিভাবে আপনার ব্লগার ব্লগে খুব সহজে একটি ফেসবুক কমেন্ট বক্স যুক্ত করবেন ।
১// প্রথমে এই লিঙ্কে যান Facebook Developers Page ।কিভাবে আপনার ব্লগে যুক্ত করবেনঃ
২// যে পেজ আসবে সেখান থেকে Create a New App এ ক্লিক করুন । নীচের চিত্রে দেখুন ।
৩// এবার একটি বক্স আসবে সেখানে আপনার নাম মানে যে নাম আপনি দিতে চান । নীচের চিত্রে দেখুন ।
৪// নাম দেওয়া হয়েগেলে Create App এ ক্লিক করুন । তাহলেই App হয়ে যাবে । নীচের চিত্রে দেখুন ।
৫// এবার ডান পাশের Settings এ ক্লিক করে Add Platform এ ক্লিক করুন । নীচের চিত্রে দেখুন ।
৬// এবার যে পেজ আসবে সেখান থেকে Website এ ক্লিক করুন । নীচের চিত্রে দেখুন ।
৭// এবার একটু নীচে দেখুন Site Url & Mobile site Url বক্স আছে যথাক্রমে আপনার সাইট এর লিঙ্ক দিন । এবং সেভ করে নিন । নীচের চিত্রে দেখুন ।
৮ ব্যাস App বানানো শেষ । এবার আসাল কাজ ।
৯// আপনার ব্লগার ব্লগ লগইন করুন । তার পর ড্যাশবোর্ড থেকে Template এ ক্লিক করে Edit HTML এ ক্লিক করুন । তার আগে অবশ্যই থিম এর ব্যাকআপ নিয়ে নিবেন ।
১০// এবার আপনার কীবোর্ড এর
<html
১১/ উপরের কোড খুজে পেলে তার ঠিক পরে একটু স্পেস রেখে নীচের কোড কপি পেস্ট করুন ।
xmlns:fb='http://www.facebook.com/2008/fbml'
১২// সেভ করে নিন । এবার একি ভাবে আপনার কীবোর্ড এর
<body>
নোটঃ আপনি যদি নতুন থিম ব্যবহার করেন তাহলে নীচের কোড খুজে বের করুন ।
<body expr:class='"loading" + data:blog.mobileClass'>
১৩// উপরের কোড খুজে পেলে তার ঠিক পরে নীচের কোডটি কপি পেস্ট করুন ।
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR_APP_ID',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
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>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR_APP_ID',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
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>
নোটঃ একটু আগে যে facebook app বানালেন সেই App id টি উপরের YOUR APP ID এর যাইগাই বসিয়ে দিন ।
১৪// এবার একি ভাবে আপনার কীবোর্ড এর
</head>
১৫// উপরের কোড খুজে পেলে তার ঠিক পরে নীচের কোডটি কপি পেস্ট করুন ।
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='asobondhu' property='og:site_name'/>
<meta content='BLOG-LOGO-IMAGE-LINK' property='og:image'/>
<meta content='YOUR_APP_ID ' property='fb:app_id'/>
<meta content='http://www.facebook.com/asobondhublog' property='fb:admins'/>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='asobondhu' property='og:site_name'/>
<meta content='BLOG-LOGO-IMAGE-LINK' property='og:image'/>
<meta content='YOUR_APP_ID ' property='fb:app_id'/>
<meta content='http://www.facebook.com/asobondhublog' property='fb:admins'/>
<meta content='article' property='og:type'/>
নোটঃ উপরের রঙ্গিন লিখা মুছে যেমন asobondhu এর যাইগাই আপনার পছন্দের নাম দিন । BLOG-LOGO-IMAGE-LINNK এর যাইগাই ফটো লিঙ্ক দিন । YOUR APP ID এর যাইগাই আগের মতো সেই App id টিকে বসিয়ে দিন । http://www.facebook.com/asobondhublog মুছে আপনার ফেসবুক প্রোফাইল Url দিন । এবার Svae করে নিন । নীচের স্টেপ দেখুন ।
১৬// উপরের কাজ ঠিক ভাবে হয়েগেলে এবার একি ভাবে আপনার কীবোর্ড এর
<b:includable id='comment-form' var='post'>
১৭// উপরের কোড খুজে পেলে তার ঠিক পরে নীচের কোড গুলো কপি করে পেস্ট করুন ।
<b:if cond='data:blog.pageType == "item"'>
<div style='padding:0px 0px 0px 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='520'/></div>
<div style='color:#fff; background-color:#3B5998;border: solid 1px #ddd; font-size:10px; padding:3px; width:510px;'>Facebook Blogger Plugin: Bloggerized by <b><a alt='blogger templates' href='' style='text-decoration:underline; color:#fff;' target='_blank' title='blogger templates'></a></b> <b><a alt='blogger widgets' href='http://www.asobondhu.blogspot.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='Blogger Widgets'>এসো বন্ধু</a></b></div></div>
</b:if>
<div style='padding:0px 0px 0px 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='520'/></div>
<div style='color:#fff; background-color:#3B5998;border: solid 1px #ddd; font-size:10px; padding:3px; width:510px;'>Facebook Blogger Plugin: Bloggerized by <b><a alt='blogger templates' href='' style='text-decoration:underline; color:#fff;' target='_blank' title='blogger templates'></a></b> <b><a alt='blogger widgets' href='http://www.asobondhu.blogspot.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='Blogger Widgets'>এসো বন্ধু</a></b></div></div>
</b:if>
নোটঃ আপনি ইছে করলে কমেন্ট বক্স এর সাইজ ঠিক করে নিতে পারেন এর জন্য উপরের গোলাপি রঙ্গের width='520' এবং width:510px মুছে আপনার পছন্দের সাইজ দিতে পারেন । আর আপনি এই কমেন্ট বক্সটিকে দুটি কালার এ ব্যবহার করতে পারবেন এর জন্য উপরের light মুছে সেখানে dark বসান ।
১৮// এবার Save Template এ ক্লিক করে সেভ করে নিন । ব্যাস কাজ শেষ ।
♦ আশাকরি আপনি সফল ভাবে কাজটি করতে পেরেছেন । যদি না পারেন আমাকে কমেন্ট করে যানাবেন আমি হেল্প করবো দরকার হলে থিম এর ব্যাকআপ দিবেন আমি করে দেবো । যাইহোক পোস্টটি ভালো ও কাজে লাগলে কমেন্ট করে যানাবেন সঙ্গে বন্ধুদের সাথে শেয়ার করতে ভুলবেন না ।
▬ভালো থাকবেন সুস্থ থাকবেন▬
▬আল্লাহ্ হাফেহ▬
BLOG-LOGO-IMAGE-LINNK এর যাইগাই ফটো লিঙ্ক দিন. ey link pamu koi?
উত্তরমুছুনঅনেক অনেক ধন্যবাদ
উত্তরমুছুনযেকোনো ফটো লিঙ্ক দিতে পারেন । আবার না দিলেও হবে কোন সমস্যা নাই ।
উত্তরমুছুনস্বাগতম ।
উত্তরমুছুনvai nicher ai program tar moto akta script chai jodi .tiips ta diten...!!khub opokrito hotam...!!
উত্তরমুছুনhttps://lh4.googleusercontent.com/-XTxsm2fv_mM/U60gxnwoktI/AAAAAAAAAwc/Pwsw-jVNHkQ/w139-h140-p/Recommendations%2BBar%2B%25E0%25A6%25AC%25E0%25A7%258D%25E0%25A6%25B2%25E0%25A6%2597%25E0%25A6%25BE%25E0%25A6%25B0%2B_%2B%25E0%25A6%25AC%25E0%25A7%258D%25E0%25A6%25B2%25E0%25A6%2597%25E0%25A6%25B8%25E0%25A7%258D%25E0%25A6%25AA%25E0%25A6%259F%25E0%25A7%2587%25E0%25A6%25B0%2B%25E0%25A6%259C%25E0%25A6%25A8%25E0%25A7%258D%25E0%25A6%25AF%2B%25E0%25A5%25A4%2B%25E0%25A6%259C%25E0%25A6%25A8%25E0%25A6%25AA%25E0%25A7%258D%25E0%25A6%25B0%25E0%25A6%25BF%25E0%25A7%259F%2B%25E0%25A6%258F%25E0%25A6%2595%25E0%25A6%259F%25E0%25A6%25BF%2B%25E0%25A6%25AA%25E0%25A7%258D%25E0%25A6%25B2%25E0%25A6%25BE%25E0%25A6%2597%25E0%25A6%25BF%25E0%25A6%25A8%2B%25E0%25A5%25A4.jpg
ভাই এইভাবে দিছি কিন্তু আপনার ব্লগ এর নাম এ আসে...।!!কি করব??
উত্তরমুছুনওকে আমি নতুন কোড দেবো আপনার ফেসবুক use নাম দিন আমি সব করে কোড দেবো ।
উত্তরমুছুনwwww.facebook.com/rajibdpi
উত্তরমুছুনthank u
উত্তরমুছুনহফহ
উত্তরমুছুনভাই সব গুলি নির্দেশনা ঠিকঠাক করলাম তবুও কাজ হলনা।
উত্তরমুছুনপ্লিস ভাই হেল্প করুন nurislamrafiq@gmailcom
কাজ তো হল কিন্তু নিচে ডিফল্ট কমেন্ট সিস্টেম টাও থাকে । দেখতে বাজে লাগে । কিভাবে ওটা রিমুভ করবো অথবা ওর মধ্যেই ফেসবুক থেকে কমেন্ট করার অপশন থাকবে । সমাধান ?
উত্তরমুছুন