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








কিভাবে আপনার ব্লগে যুক্ত করবেনঃ 


১// প্রথমে এই লিঙ্কে যান Facebook Developers Page ।

২// যে পেজ আসবে সেখান থেকে Create a New App এ ক্লিক করুন । নীচের চিত্রে দেখুন ।




৩// এবার একটি বক্স আসবে সেখানে আপনার নাম মানে যে নাম আপনি দিতে চান । নীচের চিত্রে দেখুন ।




৪// নাম দেওয়া হয়েগেলে Create App এ ক্লিক করুন । তাহলেই App হয়ে যাবে । নীচের চিত্রে দেখুন ।




৫// এবার ডান পাশের Settings এ ক্লিক করে Add Platform এ ক্লিক করুন । নীচের চিত্রে দেখুন ।




৬// এবার যে পেজ আসবে সেখান থেকে Website এ ক্লিক করুন । নীচের চিত্রে দেখুন ।



৭// এবার একটু নীচে দেখুন Site Url & Mobile site Url বক্স আছে যথাক্রমে আপনার সাইট এর লিঙ্ক দিন । এবং সেভ করে নিন । নীচের চিত্রে দেখুন ।




৮ ব্যাস App বানানো শেষ । এবার আসাল কাজ ।


৯// আপনার ব্লগার ব্লগ লগইন করুন । তার পর ড্যাশবোর্ড থেকে Template এ ক্লিক করে Edit HTML এ ক্লিক করুন । তার আগে অবশ্যই থিম এর ব্যাকআপ নিয়ে নিবেন ।


১০// এবার আপনার কীবোর্ড এর Ctrl+F প্রেস করে নীচের কোড খুজে বের করুন ।

<html

১১/ উপরের কোড খুজে পেলে তার ঠিক পরে একটু স্পেস রেখে নীচের কোড কপি পেস্ট করুন ।


xmlns:fb='http://www.facebook.com/2008/fbml'


১২// সেভ করে নিন । এবার একি ভাবে আপনার কীবোর্ড এর Ctrl+F প্রেস করে নীচের কোড খুজে বের করুন ।

<body>

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

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>


১৩// উপরের কোড খুজে পেলে তার ঠিক পরে নীচের কোডটি কপি পেস্ট করুন ।


<div id='fb-root'/>
<script>
    window.fbAsyncInit = function() {
    FB.init({
      appId  : &#39;YOUR_APP_ID&#39;,
      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(&#39;script&#39;);
      e.src = document.location.protocol +   &#39;//connect.facebook.net/en_US/all.js&#39;;
    e.async = true;
      document.getElementById(&#39;fb-root&#39;).appendChild(e);
    }());
</script>


নোটঃ একটু আগে যে facebook app বানালেন সেই App id টি উপরের YOUR APP ID এর যাইগাই বসিয়ে দিন ।


১৪// এবার একি ভাবে আপনার কীবোর্ড এর Ctrl+F প্রেস করে নীচের কোড খুজে বের করুন ।

</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'/>


নোটঃ উপরের রঙ্গিন লিখা মুছে যেমন asobondhu এর যাইগাই আপনার পছন্দের নাম দিন । BLOG-LOGO-IMAGE-LINNK এর যাইগাই ফটো লিঙ্ক দিন । YOUR APP ID এর যাইগাই আগের মতো সেই App id টিকে বসিয়ে দিন । http://www.facebook.com/asobondhublog  মুছে আপনার ফেসবুক প্রোফাইল Url দিন । এবার Svae করে নিন । নীচের স্টেপ দেখুন ।


১৬// উপরের কাজ ঠিক ভাবে হয়েগেলে এবার একি ভাবে আপনার কীবোর্ড এর Ctrl+F প্রেস করে নীচের কোড খুজে বের করুন ।

<b:includable id='comment-form' var='post'>


১৭// উপরের কোড খুজে পেলে তার ঠিক পরে নীচের কোড গুলো কপি করে পেস্ট করুন ।


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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 এ ক্লিক করে সেভ করে নিন । ব্যাস কাজ শেষ ।


♦ আশাকরি আপনি সফল ভাবে কাজটি করতে পেরেছেন । যদি না পারেন আমাকে কমেন্ট করে যানাবেন আমি হেল্প করবো দরকার হলে থিম এর ব্যাকআপ দিবেন আমি করে দেবো । যাইহোক পোস্টটি ভালো ও কাজে লাগলে কমেন্ট করে যানাবেন সঙ্গে বন্ধুদের সাথে শেয়ার করতে ভুলবেন না ।



▬ভালো থাকবেন সুস্থ থাকবেন▬

▬আল্লাহ্‌ হাফেহ▬


শেয়ার করুন :→

একটি মন্তব্য পোস্ট করুন Blogger

  1. BLOG-LOGO-IMAGE-LINNK এর যাইগাই ফটো লিঙ্ক দিন. ey link pamu koi?

    উত্তরমুছুন
  2. gsmmobile24৯:৫২ AM

    অনেক অনেক ধন্যবাদ

    উত্তরমুছুন
  3. মোঃ আসলাম পারভেজ১১:০৩ AM

    যেকোনো ফটো লিঙ্ক দিতে পারেন । আবার না দিলেও হবে কোন সমস্যা নাই ।

    উত্তরমুছুন
  4. মোঃ আসলাম পারভেজ১১:০৩ AM

    স্বাগতম ।

    উত্তরমুছুন
  5. Rajib ahmed১:২১ PM

    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

    উত্তরমুছুন
  6. Rajib ahmed১:৪২ AM

    ভাই এইভাবে দিছি কিন্তু আপনার ব্লগ এর নাম এ আসে...।!!কি করব??

    উত্তরমুছুন
  7. মোঃ আসলাম পারভেজ৫:১১ AM

    ওকে আমি নতুন কোড দেবো আপনার ফেসবুক use নাম দিন আমি সব করে কোড দেবো ।

    উত্তরমুছুন
  8. Rajib ahmed৩:৫৩ PM

    wwww.facebook.com/rajibdpi

    উত্তরমুছুন
  9. ভাই সব গুলি নির্দেশনা ঠিকঠাক করলাম তবুও কাজ হলনা।
    প্লিস ভাই হেল্প করুন nurislamrafiq@gmailcom

    উত্তরমুছুন
  10. কাজ তো হল কিন্তু নিচে ডিফল্ট কমেন্ট সিস্টেম টাও থাকে । দেখতে বাজে লাগে । কিভাবে ওটা রিমুভ করবো অথবা ওর মধ্যেই ফেসবুক থেকে কমেন্ট করার অপশন থাকবে । সমাধান ?

    উত্তরমুছুন

আপনার একটি মন্তব্য একজন লেখক কে ভালো কিছু লিখার অনুপেরনা যোগাই তাই প্রতিটি পোস্ট পড়ার পর নিজের মতামত জানাতে ভুলবেন না । তবে বন্ধুরা এমন কোন মন্তব্য পোস্ট করবেন না যার ফলে লেখকের মনে আঘাত করে ! কারণ একটা ভাল মন্তব্য আমাদের আরও ভাল কিছু লিখার অনুপেরনা যাগাই !!

 
Top
Blogger Widgets