ফেসবুক রিকমেন্ডেশান বক্স আপনার সাইটে এড করুন | Add Facebook Recommendation Box in Your WordPress Blog

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

প্রথমেই এই লিংকে ক্লিক করুন। তারপর যে পেজ আসবে তাতে নিচের ইমেজের মত একটা অংশ পাবেন। সেই অংশ হতে URL of the article এবং Domain এই দুটো ফিল্ডে কোন লেখা থাকলে মুছে

দিন। আর বাকী সেটিংস গুলো নিচের ইমেজর মত করে করে নিতে পারেন। তারপরও আমি সকল ফিল্ড সম্পর্কে বলছি।

URL of the article এটা মুছে দিলাম কারন যাতে এটি যে পেজে থাকে সে পেজ হতে রিকমেন্ড করে।

Trigger হলো আপনার এই রিকমেন্ড বক্সটি কিভাবে বা কখন শো করবে। এর ভ্যালু তিনটি।

  • onvisible মানে হচ্ছে আপনার ব্লগের পেজের <fb:recommendations-bar /> কোড স্ক্রল হবার সাথে সাথে শো করবে।
  • x% হলো আপনার ব্লগ পেজের কতখানি স্ক্রল করে গেলে এটি শো করবে।
  • manual হলো রিকমেন্ড বক্স শুধু ক্লিকের মাধ্যমে শো করানোর জন্য।

Read Time হচ্ছে কতক্ষণ পর আপনার এই প্লাগিনটা ম্যাক্সিমাইজ হবে বা শো করবে। এটা সেকেন্ডে হিসাব করে।

Verb to display মানে হচ্ছে আপনি কি প্লাগিনে লাইক বাটন বসাবেন নাকি রিকমেন্ড বাটন।

Side ফিল্ডে আপনি সেট করে দিতে পারবেন যে এই রিকমেন্ডেশান বক্স প্লাগিনটা বাম পাশে না ডান পাশে দেখাবে।

Domain অংশটা খালি রাখতে বলেছিলাম কারন হলো এক কোড যাতে সব জায়গায় ইউস করতে পারেন। এইটা খালি রাখার ফলে কোডটা যে ডোমেইনে ইউস হবে সেটাকেই সেট করে নিবে।

Recommendation Bar
Recommendation Bar

সব ফিল্ডের কাজ শেষে Get Code বাটনে ক্লিক করলে নিচের মত উইন্ডোতে কোড দেখতে পাবেন।

Recommendation Bar 2
Recommendation Bar 2

এখানে দুইধাপে কোড আছে। আমরা ব্লগের থিমের footer.php ফাইলের </body> ট্যাগের উপরে পুরো কোডটি পেস্ট করে সেভ/আপডেট করবো। প্রথমে দিবো প্রথম বক্সের কোড তারপরে দ্বিতীয় বক্সেরটি। নিচের ইমেজে দেখতে পারেন-

Recommendation Bar 3
Recommendation Bar 3

এবার দেখুন এই কোডে কিছু জিনিস এডিট করা হয়েছে। যেমন কোড হতে x% মুছে 50% বসিয়েছি। তার মানে পেজ অর্ধেক স্ক্রল করার পর রিকমেন্ডেশান বক্সটি দেখাবে।

আপনি চাইলে আপনার ফেসবুক এপ্লিকেশান আইডিও কোডে বসাতে পারেন। এজন্য APP_ID কে আপনার এপ্লিকেশান আইডি দ্বারা রিপ্লেস করতে পারেন।

Recommendation Bar 4
Recommendation Bar 4

ব্যাস হয়ে গেল ফেসবুক রিকমেন্ডেশান বক্স এড করা।

আপনারা চাইলে প্লাগিনও ইউস করতে পারেন। এজন্য প্লাগিন সার্চ অপশনে গিয়ে শুধু facebook লিখে সার্চ দিন। তারপর Facebook প্লাগিনটি ইন্সটল করে ইউস করুন। এটির ইন্সটলেশান ও ব্যবহার এর নিয়ম জানতে প্লাগিন এর পেজ ভিজিট করুন।

ধন্যবাদ।

Please complete the required fields.
দয়াকরে পোস্ট রিপোর্টের কারণ নির্দিষ্টভাবে বর্ণনা করুন...




ফেসবুক মন্তব্য

মন্তব্য

মোঃ ফয়সাল হোসেন সোহাগ

জীবনটা কতই মধুর, যদি পাশে থাকে কেউ। বৃষ্টির টুপুর টাপুর শব্দ, পরন্ত বিকেলে হৃদয়ে মৃদু দোলা দিয়ে যায় তখন, যখন পাশে থাকে কেউ। ছোট্ট এই জীবন, সীমিত আয়ু, যান্ত্রিক পৃথিবী, যান্ত্রিক এই আমি, একটু শান্তির সন্ধানে…
গুগল অথরশীপ লিংক

9 thoughts on “ফেসবুক রিকমেন্ডেশান বক্স আপনার সাইটে এড করুন | Add Facebook Recommendation Box in Your WordPress Blog

  • January 16, 2013 at 5:36 pm
    Permalink

    আমার সাইটে এভাবে কাজ করছে না । 🙁

    Reply
    • January 16, 2013 at 7:06 pm
      Permalink

      আপনার Modulus থিমে ট্রাই করলাম কিছুক্ষণ। ফুটারে বসালে দেখাচ্ছে না। তাই বেশী ঝামেলা না করে single.php ফাইলের শেষে কোড বসিয়ে দিয়েছি। এখন প্রত্যেক পোস্টেই দেখাবে। চেক করে জানান। ধন্যবাদ।

      Reply
      • January 16, 2013 at 7:15 pm
        Permalink

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

        Reply
          • January 24, 2013 at 2:12 pm
            Permalink

            কস্টের কি আছে । আপনি এত কষ্ট করে টিওটোরিয়াল লিখেছেন (http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif) আপনাকেও অনেক অনেক ধন্য বাদ (http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_good.gif) (http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/sohag_10 10.gif)।

  • January 25, 2013 at 1:53 pm
    Permalink

    ধন্যবাদ 🙂
    পড়ে অনেক ভালো লাগল। http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif
    আশা করি এরকম আর টিউটোরিয়াল পাব http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_good.gif

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

Enable Google Transliteration.(To type in English, press Ctrl+g)

http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
more...