আপনার ওয়েবসাইটে যুক্তকরুন ফেসবুক লাইক বক্স

প্রিয় টেকটিউনের টিউনার বন্ধুরা, আশা করি সকলে ভাল আছেন। আজ অনেকদিন পরে আপনাদের মাঝে হাজির হলাম। সানে এক্সামের প্রস্তুতি নিয়ে অনেক ব্যাস্ত সময় পার করছি। সেই ফাকে সময় করে চলে এলাম আপনাদের মাঝে। আজ আমি আপনাদের জন্য ছোট্ট একটা টিউটোরিয়াল নিয়ে হাজির হলাম।

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

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

আসুন তাহলে দেখা যাক কিভাবে আপনার ওয়েব সাইটে এই লাইক বক্স যুক্ত করবেন...

১। এই জন্য প্রথমেই ফেসবুকে লগইন অবস্থায় এখান থেকে আপনার ওয়েবসাইটের নামে একটি ফ্যানপেজ খুলে নিন।

২। এরপর এখানে ক্লিক করুন।


এরকম এটা পেজ দেখতে পাবেন।

৩। অতপর Facebook Page URL (?) এর বক্সে আগের লিঙ্কটি কেটে দিয়ে আপনার ফ্যানপেজের URL লিঙ্ক দিন। তারপর যে কোন ফাকা জায়গায় ক্লিক করুন।

দেখুন আপনার ফ্যানপেজের বক্স চলে এসেছে।

৪। Stream (?) থেকে Show stream এর উপর থেকে টিক চিহ্ন তুলে দিন।

এবার ফ্যানবক্সটি দেখতে এরকম দেখাবে।

আপনার ওয়েবসাইটের সাইটবারে যদি ফ্যন বক্সটি দিতে চান তবে সাইটবারের মাপের সাথে ফ্যন বক্সটির মাপ ঠিক রাখতে হবে। আপনার সাইট বারের প্রস্থ যদি কম হয় তবে বক্সের প্রস্থও কমিয়ে নিতে হবে। এক্ষেত্রে Width (?) থেকে সাইজ কম বেশি করতে পারেন। এক্ষেত্রে আমি আমার ওয়েব সাইটের মাপ অনুযায়ি ফ্যান বক্সের প্রস্থ দিলাম 200

এক্ষত্রে ফেসবুক লাইক বক্সটি দেখাবে এরকম।

৫। ফেসবুক লাইক বক্স তৈরীর কাজ শেষ। এবার এই বক্সের জন্য উইজগেড কোড পাবার পালা। এজন্য Get Code বাটনে ক্লিক করুন।

এরকম একটি পপআপ বক্স দেখতে পাবেন, যেখানে আপনার উইজগেড কোড দেওয়া থাকবে।

এবার এই কোড গুলী সাইটে বসানোর পালা......
তাহলে এবার আমরা দেখব কিভাবে এই কোড গুলো আপনার সাইটে বসাবেন।

ওয়েব নোড

ইতি পূর্বে আমি আপনাদের মাঝে ওয়েবনোড দিয়ে কিভাবে একটি পূর্নাঙ্গ ওয়েব সাইট তৈরী করা যায় তার একটি ধারাবাহিক টিউটোরিয়াল দিয়েছিলাম। এবার দেখব এই সাইটে কি ভাবে লাইক বক্স বসাবেন।
১। এইজন্য প্রথমে আপনার ওয়েব সাইটে এডমিন মুডে প্রবেশ করুন। এরপর উপরে Widgets> Embed Code এ ক্লিক করুন।

একটি বক্স আসবে...

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

ওয়ার্ডপ্রেস সাইট

ওয়ার্ডপ্রেস ব্লগ সাইটে ফেসবুক লাইক বক্স দিতে প্রথমে আপনার ওয়ার্ডপ্রেসে এডমিন মুডে প্রবেশ করুন। এবার ড্যাসবোর্ডে যান। এখান থেকে Appearance থেকে Widgets এর উপর ক্লিক করুন।

এরকম এটি পেজ দেখতে পাবেন। এবার বাম পাশের উইজগেট গুলো থেকে Text নামক উইজেট টি মাউস দিয়ে টেনে এনে ডান পাশের Sidebar1 বক্সের মধ্যে ছেড়ে দিন।


এরকম এটি বক্স আসবে।

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

পানবিবি ফোরাম

আপনি চাইলে আপনার পান বিবি ফোরামেও ফেসবুক লাইক বক্স যুক্ত করতে পারেন। তবে এক্ষেত্রে আপনার ফোরামে পোর্টাল পেজটি ইন্সটল করা থাকতে হবে। যদি আপনার ফোরামে পোর্টাল পেজ ইন্সটল করা না থাকে তবে এখান থেকে পোর্টাল পেজের প্লাগইনটি ডাউনলোড করে আপনার ফোরামে ইন্সটল করে নিন। এরপর আপনার ফোরামে এডমিন মুডে প্রবেশ করে প্রথমে Administration>Panel এ ক্লিক করুন।

এরকম পেজ আসবে। এখানে Panel name: যেকোন নাম দিয়ে Add Panel এ ক্লিক করুন।

দেখুন আপনার প্যানেল তৈরী হয়ে গেছে। অতপর Edit এ ক্লিক করুন। একটি খালি বক্স দেখতে পারবেন।

উক্ত বক্সে ফেসবুক লাইক বক্সের আপনাকে যে কোড দুইটি দিয়েছে ওখান থেকে প্রথম অংশের কোডটি কপি করে এই বক্সে পেস্ট করুন। এবার একটা ইন্টার মেরে নিচে নামুন। এরপর দ্বিতীয় অংশের কোডটি কপি করে এখানে পেস্ট করুন। সব শেষে Save Change বাটনে ক্লিক করুন।
এবার আপনার ফোরামের হোমপেজে গিয়ে দেখুন ফেসবুক লাইক বক্স যুক্ত হয়ে গেছে।

আজ তাহলে এই পর্যন্তই। আশা করি সকলে পদ্ধতিগুলো বুঝতে কোন সমস্যা হয়নি। কারো কোথাও বুঝতে সমস্যা হলে জানাবেন। সকলে ভাল থাকবেন। আগামীতে আবার হাজির হব অন্য কোন টিউটোরিয়াল নিয়ে। সেই পর্যন্ত আল্লাহ হাফেজ।

Level 0

আমি রাজিব আহসান। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 13 বছর যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 28 টি টিউন ও 258 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 1 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

বগুড়ার একমাত্র বানান ভূল সর্বস্ব লেখক


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

দেখুনতো হয়েছে কিনা
http://freesoftnmovies.blogspot.com/

Level 2

অনেক অনেক ধন্যবাদ ভাই…
আমার ওয়েব সাইটেও দিয়েছি।
http://belal.1unlimited.net/

Level New

vaiya apnake onk onk thnks share korar jonno onk upokrito holam kosto kore tune likar jonno tanksssss

Level 0

vai apnaka khob khob khob khob kkkkkkkkkkkk thanks

boss google এর ফ্রি ওয়েব সাইটে কি পারমু এটা করতে please জানাবেন

Email – [email protected]