৫ মে, ২০১৫

কিভাবে ব্লগে Facebook Page Plugin Widget যুক্ত করতে হয়

কিভাবে ব্লগে Facebook Page Plugin Widget যুক্ত করতে হয়
4/ 5 stars - "কিভাবে ব্লগে Facebook Page Plugin Widget যুক্ত করতে হয়" আমরা প্রায় সব ধরনের ব্লগেই দেখে থাকি যে, Facebook Like Box নামের একটি Widget যুক্ত করা রয়েছে। সম্প্রতি Facebook কর্তৃপক্ষ সবার ডেভেলপার I...
-
আমরা প্রায় সব ধরনের ব্লগেই দেখে থাকি যে, Facebook Like Box নামের একটি Widget যুক্ত করা রয়েছে। সম্প্রতি Facebook কর্তৃপক্ষ সবার ডেভেলপার Inbox-এ একটি ম্যাসেজ দিচ্ছে যে, এই Facebook Like Box টি ২৩ জুন ২০১৫ এর পরে কাজ করবে না। ফেইসবুক বলছে এই Like Box টি Page Plugin-এ আপডেট করে নেওয়ার জন্য। এ Facebook Plugin Widget টি আগের Facebook Like Box এর চাইতে দেখতে আকর্ষণীয় এবং খুবই দ্রুত লোড নেয়। এটিতে একসাথে Like Button এবং Share Button উভয়ই যুক্ত করা হয়েছে। আজকে আপনাদের দেখাবো কিভাবে এই আপডেট Facebook Page Plugin টি যুক্ত করবেন। নিচের ছবিতে এর ডেমো দেখতে পাচ্ছেন অথবা আমার ব্লগের সাইডবার থেকে লাইভ ডেমো দেখে নিতে পারেন।
Facebook Page Plugin
১ম ধাপ - Add Facebook JavaScript SDK: নিচের কোডগুলি যদি আগে কখনও আপনার ব্লগে যুক্ত করে থাকেন তাহলে এ স্টেপটি বাদ দিতে পারেন। আর যুক্ত করা না থাকলে অবশ্যই যোগ করে নিতে হবে।
প্রথমে আপনার ব্লগে লগইন করুন।
তারপর ব্লগার ড্যাশবোর্ড হতে Template > Edit Html ক্লিক করুন।
এরপর </body> ট্যাগটি সার্চ করুন।
এখন নিচের কোডগুলি </body> ট্যাগের উপরে পেষ্ট করুন।
<div id='fb-root'/>
<script>
//<![CDATA[
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.7";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
এরপর Save Template এ ক্লিক করুন।

২য় ধাপ - কিভাবে Facebook Page Plugin টি যুক্ত করবেনঃ প্রথমে আপনাকে ঠিক করে নিতে হবে যে, এটি আপনার ব্লগের কোথায় যুক্ত করতে চান। আমি আপনাদের দেখাবো কিভাবে ব্লগের Side Bar এ যুক্ত করবেন।
প্রথমে ব্লগার ড্যাশবোর্ড হতে Layout এ ক্লিক করুন।
এখন ডান পাশের লেআউট হতে Add Gadget এ ক্লিক করুন।
তারপর HTML/JavaScript এ ক্লিক করুন।
এবার নিচের কোডটি কপি করে HTML/JavaScript এর ঘরে পেষ্ট করুন।
<div class="fb-page" data-href="https://www.facebook.com/prozokti/" data-small-header="true" data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="true"></div>
সবশেষে Save এ ক্লিক করুন।

কাষ্টমাইজেশনঃ
  • উপরের বক্সের লাল চিহ্নিত prozokti এর স্থলে আপনার ফেইসবুক পেজ Url এর নাম দিন।
  • Header বড় করে দেখাতে চাইলে data-small-header="true" এর স্থলে false করে দিন।
  • Cover Photo দেখাতে চাইলে data-hide-cover="true" এর স্থলে false করে দিন।
  • Fan দের ছবি শো করাতে না চাইলে data-show-facepile="true" এর স্থলে false করে দিন।

ভিডিও টিউটরিয়াল দেখুন

Subscribe on Youtube
Subcribe to our all updates

and Share on
পূর্ববর্তী পোষ্ট
পরবর্তী পোষ্ট

2 টি মন্তব্য: Post Yours! Read Comment Policy ▼
লক্ষ্য করুনঃ
পোষ্টের সাথে সম্পৃক্ত নয় এমন কোন কমেন্ট করা যাবে না। কোন কারণ ব্যতীত আপনার ব্লগের লিংক শেয়ার করতে যাবেন না। সবসময় গঠনমূলক মন্তব্য প্রদানের চেষ্টা করবেন। আমরা সবার মতামত সমানভাবে মূল্যায়ন করি এবং যথাসময়ে প্রতি উত্তর দেয়ার চেষ্টা করি।

 
Subscribe for all Updates

Subscribe Now

কপিরাইট © 2015- প্রযুক্তি ডট কম ™, সর্বস্বত্ব সংরক্ষিত

Powered by: