বন্ধুরা আজকে দেখাবো কিভাবে ব্লগার, ওয়ার্ডপ্রেস সাইটে রিডিং প্রগ্রেস বার বা রিডিং ইন্ডিকেটর যোগ করবেন। ওয়ার্ডপ্রেসে যদিও এটা প্লাগিন ব্যবহার করে খুব সহজে করা যয় কিন্তু ব্লগারে এটা করতে হলে কোড বসিয়ে করতে হয়, কারন ব্লগারে তো প্লাগিন ব্যবহার করা যায় না। তাছাড়া অনেকেই সাইটে বারতি প্লাগিন ব্যবহার করতে চায় না। তাই আজকে দেখাবো কিভাবে প্লাগিন ছাড়া ছোট একটি কোন ব্যবহার করে রিডিং প্রগ্রেস বার যুক্ত করবেন।

রিডিং প্রগ্রেস বার

বন্ধুরা আমি ওয়ার্ডপ্রেস এবং ব্লগার দুটার জন্যই টিউটোরিয়াল দেখাবো। আপনার ভালোভাবে স্টেপ গুলো ফলো করুন তাহলে খুব সহজে কাজটি করতে পরাবেন।

শুরু করার আহে নিচের লিংক থেকে ডেমোটা দেখে নিন।

Demo

প্লাগিন ছাড়া ওয়ার্ডপ্রেসে কিভাবে রিডিং প্রগ্রেস বার যুক্ত করবেন

  • প্রথমে আপনার ওয়ার্ডপ্রেস সাইটের ড্যাশবোর্ড লগিন করুন
  • এরপর Appearance >> Theme File Editor এখানে যান
  • এরপর ডান পাশ থেকে footer.php টা সিলেক্ট করুন
  • এবার </body> এই ট্যাগটা খুঁজে বার করুন।

কোড

ব্যস, আপনার কাজ শেষ এবার সাইটের যেকোন একটি পোস্ট ভিজিট করে দেখুন রিডিং প্রগ্রেস বার দেখাচ্ছে।

প্লাগিন দিয়ে কিভাবে ওয়ার্ডপ্রেসে রিডিং প্রগ্রেস বার এড করবেন

প্লাগিন দিয়ে এটা করা খুবই সহজ। আপনাকে শুধু Read Meter নামে প্লাগিনটি ইনস্টল করে একটিভ করতে হবে।

রিড মিটার

আপনার যদি কোডিং সম্পর্কে তেমন ধারনা না থাকে তাহলে প্লাগিন দিয়ে করাটাই ভালো। কারন কোড বসানোর সময় কোন ভুল করলে সাইটের থিম নষ্ট হয়ে যেতে পারে বা পুরো সাইটটাই নষ্ট হয়ে যেতে পারে। তাই সাবধানতার সাথে করাই ভালো। এবার চলুন দেখি কিভবে ব্লগারে রিডিং প্রগ্রেস বার এড করবেন।

ব্লগারে কিভাবে রিডিং প্রগ্রেস বার এড করবেন

ব্লাগরে রিডিং প্রগ্রেস বার এড করাটা খুব সহজ। আপনাকে শুধু থিমট এডিট করে উপরের কোডটা বসাতে হবে। একই কোড আপনি ব্লগার ও ওয়ার্ডপ্রেস উভয় সাইটেই ব্যবহার করতে পারবেন।

  • প্রথমে ব্লগার ড্যাশবোর্ড লগিন করুন
  • এরপর Theme >> Customize এখানে যান themecustomize
  • এবার  Advance >> Add Css এখানে যান add css
  • এবার নিচের কোডটি কপি করে নিয়ে, এখানে বসিয়ে Save করুন। code
  • এখান থেকে কোড কপি করুন

ব্যস কাজ শেষ। এবার সাইটের পোস্ট ভিজিট করে দেখুন আপনার ব্লগার সাইটে রিডিং প্রগ্রেস বার এড হয়ে গেছে।

নোটঃ সবকিছু ঠিকঠাক করার পরও যদি রিডিং প্রগ্রেস বার না দেখায় তাহলে আপনার ব্রাউজার Cache ক্লিয়ার করুন বা ইনকগনিটো মোড বা অন্য ব্রাউজার দিয়ে চেষ্টা করুন।

আজকের মত এখানেই শেষ করছি। আমার পোস্টটি কেমন লাগলো কমেন্ট করে জানাতে ভুলবেন না। পোস্ট টি পড়ার জন্য আপনাকে অসংখ্য ধন্যবাদ।

আরো পড়ুনঃ

31 thoughts on "আপনার ব্লগার, ওয়ার্ডপ্রেস সাইটে যোগ করে নিন রিডিং প্রগ্রেস বার"

  1. Avatar photo AMIT✪ Author says:
    Blogger Add niya post Diyan Vaiya
    1. Avatar photo Sajid Blue Author Post Creator says:
      বুঝলাম না
    2. Avatar photo AMIT✪ Author says:
      Mane Blogger A ki Kore Reading P.. Add kora jay seta
    3. Avatar photo Sajid Blue Author Post Creator says:
      post updated
    4. Avatar photo AMIT✪ Author says:
      Blogger Process Update Korar jonno thanks ?❤️
  2. Avatar photo MD Musabbir Kabir Ovi Author says:
    বেশ ভালো ছিল
    1. Avatar photo Sajid Blue Author Post Creator says:
      ধন্যবাদ
    2. Avatar photo MD Musabbir Kabir Ovi Author says:
      আপনাকেও ধন্যবাদ
  3. Avatar photo Najmul Nazu Author says:
    প্রোগ্রেস বারের মতো সিম্পল একটা বিষয়ের জন্য আমি আলাদা করে স্টোরেজ নষ্ট করতে পারবো না। মানে, নেসেসারি নয় আর কী।
    1. Avatar photo Sajid Blue Author Post Creator says:
      হুম এটার কোন দরকার নেই। কাস্টমাইজেশন পছন্দ করে যারা তাদের জন্য এটা
    2. Avatar photo Najmul Nazu Author says:
      সেটাই, সব ভালোলাগার ওপরে
  4. Avatar photo Md Mahabub Khan Author says:
    রিডিং প্রসেস বারটি সেটা বললে ভালো হত
    1. Avatar photo Sajid Blue Author Post Creator says:
      আপনি পোস্ট পড়তে পড়তে নিচের দিকে নামলে কতটুকু পোস্ট পড়লেন তার একটা চিহ্ন দেখাবে স্ক্রিনের উপরে
    2. Avatar photo MD Zakaria Contributor says:
      আপনি কতটুকু নিচে নামলেন স্কুল করে তার একটি চিহ্ন মাত্র
  5. Rubel Mini Contributor says:
    Kono like button code takle share koren!
    1. Avatar photo Sajid Blue Author Post Creator says:
      ওকে
  6. Aubdulla Al Muhit Contributor says:
    ব্লগারেরটা স্ক্রিনশট দিয়ে দেখালে অনেকে উপকৃত হতো । তবুও ধন্যবাদ কাইন্ডলি শেয়ার করার জন্য ।
    1. Avatar photo Sajid Blue Author Post Creator says:
      Thanks. I will update the post
    2. Avatar photo Sajid Blue Author Post Creator says:
      স্ক্রিনশট এড করা হয়েছে
  7. Avatar photo Sajid Blue Author Post Creator says:
    পোস্ট আপডেট করা হয়েছে।
  8. Avatar photo Xein Ahmed Author says:
    jara customization pochondo kore tader jnno kajer ekta post
  9. Avatar photo MD Zakaria Contributor says:
    এটা ব্লগারদের জন্য অনেক কাজে দিবে
    1. Avatar photo Sajid Blue Author Post Creator says:
      ধন্যবাদ কমেন্ট করার জন্য
  10. Aubdulla Al Muhit Contributor says:
    ধন্যবাদ ভাই । আমার অনুরোধটি রাখার জন্য ।
    1. Avatar photo S8N Author Post Creator says:
      ওয়েলকাম
  11. Avatar photo Xein Ahmed Author says:
    লাইফ এর ই প্রগ্রেস নাই। রিডিং প্রগ্রেস বার দিয়ে কি হবে?
    1. Avatar photo S8N Author Post Creator says:
      হাহা এটা জোস ছিল ?
  12. Avatar photo Md.Shamim Hossain Contributor says:
    এই কোড বসানোর পর ব্লগার এ হিডার এ অর্থাৎ লোগোর উপরে ( –> ) এই চিহ্নটি আসার কারণ কি। এটা কিভাবে রিমুভ করবো?
    1. Avatar photo Sajid Blue Author Post Creator says:
      এট ব্লগার এর বাগ
  13. Avatar photo Md.Shamim Hossain Contributor says:
    এই কোড বসানোর পর ব্লগার এ হিডার এ অর্থাৎ লোগোর উপরে ( – -> ) এই চিহ্নটি আসার কারণ কি। এটা কিভাবে রিমুভ করবো?
  14. Avatar photo Sajid Blue Author Post Creator says:
    ???

Leave a Reply