Plus Ui থিমের v3.1 এবং v3.2 এ Realtime View Counter সেট করুন! [পোস্ট ভিউ কাউন্টার] 🔥

Plus ui থিম সেট আপ এর পোস্ট করার পর আশা করি অনেকেই সেই থিম ব্যবহার করেছেন। আর অনেকের কাছেই আগে থেকেই থাকতে পারে। তো যাদের কাছেআছে তারা সব করতে পারলেও পোস্ট ভিউ কাউন্টার টা কীতে পারছেন না। এটা আমাকে একজন বলেছিলো থাকে করে দিয়েছি ভাবলাম কেনো না সেটা সবাই নিজেই করুন। তাই দেখায় দেই। তো চলুন শুরু করা যাক!

এই Method শুধু Plus ui থিমের v3.1 & v3.2 তেই কাজ করবে।

তো প্রথমে সবার এমন ই দেখায়! মানে পোস্ট ভিউ কাউন্টার টাও নাই!

তো প্রথমে আপনার Blogger এর থিম অপশন এ যান!

এখন Customize এ ক্লিক করুন!

এখন Advance এ ক্লিক করুন! আর এখানে ক্লিক করে Plugin: View Counter টা সিলেক্ট করুন!

এখানে 1 থাকবে সবগুলো 2 করে দিয়ে সেভ করুন!
আগে থেকে থাকলে ভালো!

সেভ করলেই দেখবেন পোস্টে ভিউ কাউন্টার দেখাবে তবে কাজ করবে না 0 ই থেকে যাবে!

তো এর জন্য Firebase Setup করতে হবে!

তো প্রথমে এটিতে যান!
Firebase Console!

তারপর নতুন করে একটি প্রোজেক্ট তৈরি করতে এখানে ক্লিক করুন! (Desktop মোড করে নিবেন মোবাইলে ব্যবহার করলে)!

এখানে একটি নাম এবং এখানে টিক মার্ক দিন! দিয়ে এখানে ক্লিক করুন!

এখন নিচের মতো করুন!

এখন এখানে Bangladesh সিলেক্ট করে নিচের মতো করুন!

এখন কিছুক্ষণ অপেক্ষা করুন!

এখন Continue এ ক্লিক করুন!

এখন Sidebar এ Build এ ক্লিক করে Realtime Database তে ক্লিক করুন!

এখন Create Database তে ক্লিক করুন!

এখন যেটা সার্ভার আছে সেটাই থাক চাইলে বদলাতে পারেন! তারপর এটিতে ক্লিক করুন!

এখন এটিতে ক্লিক করুন!

এখন, Rules এ ক্লিক করুন!

এখানে যে Rules গুলো আছে সেগুলো কেটে দিন!

এখন নিচের Rules গুলো কপি করে এখানে বসিয়ে Published করুন! অবশ্যই আগে Blog id বসাতে হবে!

{
  "rules": {
    ".write": false,
    ".read": false,
    "blogs": {
      "$blog_id": {
        ".validate": "$blog_id.matches(/^\\d{18,22}$/) && ($blog_id === '000000000000000000' || $blog_id === '0000' || $blog_id === '0000')",
        "posts": {
          "$post_id": {
            ".validate": "$post_id.matches(/^\\d{18,22}$/)",
            "views": {
              ".read": true,
              ".write": "newData.exists()",
              ".validate": "newData.isNumber() && newData.val() % 1 === 0 && newData.val() === (data.exists() ? data.val() + 1 : 1)"
            }
          }
        }
      }
    }
  }
}

কোডের 000000000000000000 এটিতে আপনার সাইটের Blog id দিবেন যেটা Blogger এ গিয়ে আপনার ওয়েবসাইটের ডাসবোর্ড Url দেখলেই পাবেন!

তো এটি বসানো হলে এখন আবার Data তে Back আসুন আর এটিতে ক্লিক করে Database url কপি করে নিন!

তো Url কপি করা হলে ডিরেক্ট Blogger এ এসে Layout এ ক্লিক করুন!

এখন একদম নিচে এটিতে ক্লিক করুন!

এখন databaseUrl এর এডিট করুন!

এখানে url টা বসিয়ে সেভ করুন!

তো কাজ শেষ এখন সব পোস্টে যত ভিউ হবে সব সাথে সাথে View count হবে!