https://ganbichchitra.blogspot.com/google785737830bcedd5c.htm ব্লগে Facebook এবং Blogger Multi Tab কমেন্ট সিস্টেম যুক্ত করুন ~ www.ganbichchitra.blogspot.com

জ্ঞান বিচিত্রা জ্ঞানের আলো,জ্ঞানের সন্ধানে সবাই চলো

AD BANNER
IT World Bangla

Friday, April 27, 2018

ব্লগে Facebook এবং Blogger Multi Tab কমেন্ট সিস্টেম যুক্ত করুন

আমি গত পোষ্টে দেখিয়েছিলাম কিভাবে সহজ উপায়ে আপনার ব্লগে Facebook Comment Box যুক্ত করবেন। আজ আপনাদের সাথে শেয়ার করবো কিভাবে ব্লগে Multi Tab সিস্টেমের মাধ্যমে এক সাথে Facebook এবং Blogger দুটি কমেন্ট বক্স ব্যবহার করবেন। এর ফলে আপনার ভিজিটররা তাদের পছন্দ অনুযায়ি যে কোন কমেন্ট বক্স ব্যবহার করে তাদের মতামত ব্যক্ত করতে পারবেন। নরমালি যদিও দুটি কমেন্ট বক্স একসাথে ব্যবহার করা যায়, তারপরও সেখানে কিছু সমস্যা থেকে যায়। কারণ নরমালি দুটি কমেন্ট বক্স যুক্ত করলে একসাথে দুটি কমেন্ট বক্সই শো করবে। আর এই মাল্টি ট্যাব সিস্টেম ব্যবহার করার ফলে একটি ট্যাব সব সময় উজ্জ থাকবে। যেমন-Facebook কমেন্ট বক্স ব্যবহার করার সময় Blogger কমেন্ট বক্সটি উজ্জ থাকবে, আর Blogger কমেন্ট বক্স ব্যবহার করার সময় Facebook কমেন্ট বক্সটি উজ্জ থাকবে। তাছাড়াও উভয় ট্যাবেই কমেন্ট কাউন্ট করার সিস্টেম যুক্ত করে দেওয়া আছে। ফলে যে কেউ সহজে বুঝতে পারবে আপনার পোষ্টটির কোন ট্যাবে কতটি কমেন্ট করা হয়েছে।
Blogger Multi Comment System
কি ভাবে যুক্ত করতে হয়ঃ
  • প্রথমে ফেইসবুক একাউন্টে লগইন করে একটি Facebook App ID তৈরী করে নিতে হবে। আপনার যদি Facebook App ID না থাকে তাহলে এখান থেকে Facebook App ID তৈরী করে নিতে পারেন।
  • তারপর আপনার ব্লগার একাউন্টে লগইন করুন।
  • এরপর Template > Edit Html এ ক্লিক করুন।
  • তারপর কিবোর্ড হতে Ctrl+F চেপে 
 অংশটি সার্চ করুন।
  • এখন নিচের কোডগুলি 
  •  ট্যাগের উপরে পেষ্ট করুন।
    • উপরের লাল চিহ্নিত অংশে আপনার Facebook এর App ID বসিয়ে দিন।
    • এখন পুনরায় কিবোর্ড হতে Ctrl+F চেপে ]]>
     ট্যাগটি সার্চ করুন এবং নিচের কোডগুলি ]]> ট্যাগের উপরের পেষ্ট করুন।
    .comments-page{background-color:#FFF;border:1px dotted #93DAF8;border-radius:10px;margin-top:5px}
    #blogger-comments-page{padding:0 5px;display:none}
    .comments-tab{float:left;padding:5px;margin-right:3px;cursor:pointer;background-color:#b5e5fa;border-radius:2px}
    .comments-tab-icon{height:14px;width:auto;margin-right:3px}
    .comments-tab:hover{background-color:#eeeeee}
    .inactive-select-tab{background-color:#d1d1d1}
    • এখন আবার কিবোর্ড হতে Ctrl+F চেপে  ট্যাগটি সার্চ করুন এবং নিচের কোডগুলি এই ট্যাগটির নিচে পেষ্ট করুন।

     

      
        Comments
     

     

      Comments
     


     

      

       
     

    • এরপর Save Template এ ক্লিক করলেই কাজ OK. 

    0 মন্তব্য(গুলি):

    Post a Comment