Monday, September 30, 2024

ফ্রিতে Blog পোস্টে Like সিস্টেম চালু করুন আপনার ওয়েবসাইটে। [ Easily]

WELLCOME to MY POST

আসসালামু আলাইকুম।আশা করি আপনারা ভালো আছেন। আমি হাজির হলাম আরো একটি নতুন পোষ্ট নিয়ে।

Note: আপনি বলতে পারেন যে এই নিয়ে already ১, ২ টা পোষ্ট আছে মনে হয়। পোস্ট আছে কিন্তু সেই like কোডটা তেমন ভালো না: popup, toltips Show করে যার কারনে সেটা তেমন ভালো দেখা যায় না। আর আমার এই পোস্ট এ আপনি No popup, no toltips, etc পাবেন + Like & dislike button, Only like button, Only like icon আরো থাকবে নানা ধরনের features ..

Like system

এটি আপনি যেকোনো webpage এ ব্যবহার করতে পারবেন কেনোনা এটি HTML & Script দিয়ে তৈরি। এটিকে আপনি আপনার Blog posts ব্যবহার করতে পারবেন easily। কেমনে ব্যবহার করবেন বলে দেবো।

কিছু কথা:

এই Like system টি নেওয়া হয়েছে Likebtn.com থেকে। কেউ অন্য কথা বলতে পারেন তাই বলে দিলাম।

Like & Dislike button

এটিতে LikeDislike দুইটি button থাকবে সাথে Like & Dislike icons । Like/Dislike দিলে কোনো রকম page loading ছাড়াই হয়ে যাবে। আর যদি আপনার like count 1000 পার হয়ে তাহলে 1k এমন show করবে এই system ও আছে।

TrickBD থে কোড দিলে সেটা auto কেটে যায় তাই এই লিংক থেকে copy করুন।

Collect code

Like Button

এটিতে শুধু Like button ই দেখা যাবে dislike button hide করা থাকবে। Like + like icon

Collect code

Like Icon only

এটিতে শুধু Like icon ই show করবে । Like text & Dislike button থাকবে না।

Collect code

এই ৩ টি Like button এর Example:

Example link: Demo link

কিভাবে ব্যবহার করবেন?

আপনি আপনার website এর blog posts list এর যেকোনো একখানে এটি সেট করতে পারেন বা blog posts এর view page এ এটিকে নিচে রাখতে পারেন যেমন trickbd তে আছে।

অবশ্যই মাথায় রাখবেন।

data-identifier="#post_link"

Code এর এই কোড এ #post_link এর জায়গায় আপনার post id/post link দেবেন। তাহলে যে পোস্ট এ যত লাইক হবে সেটা show করবে।

END MY POST

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

The post ফ্রিতে Blog পোস্টে Like সিস্টেম চালু করুন আপনার ওয়েবসাইটে। [ Easily] appeared first on Trickbd.com.


Previous Post
Next Post
Related Posts

0 comments: