ব্লগে ট্যাবভিত্তিক গেজেট ,উইজেট লাগানোর পদ্ধতি

আমার 'বাংলা হ্যাকস' ব্লগের ডানপাশের সাইডবারের উপরে একটি ট্যাবভিত্তিক গেজেটবক্স আছে। ব্লগার.কম ব্লগে ট্যাবড উইজেট (গেজেট) তৈরি করার পদ্ধতি জানতে চেয়ে একাধিক পাঠক আমাকে ইমেইল করেছেন। নিজস্ব হোস্টিং এর ওয়ার্ডপ্রেস ব্লগে এটা স্থাপন করার জন্য প্লাগইন আছে। কিন্তু ব্লগার.কম ব্লগে (ফ্রি অথবা হোস্টেড) এটা লাগানোর কোন সুবিধা নেই। কিন্তু এই সীমাবদ্ধতা আমরা নিজেরা একটু চেষ্টা করে দূর করতে পারি। এই ট্যাবভিত্তিক গেজেটবক্স ব্লগার.কম ব্লগে লাগানোর জন্য একাধিক কোড ব্লগের HTML অংশে স্থাপন করতে হয়। নতুন ব্লগারদের জন্য দুঃসাধ্য হতে পারে বিধায় আমি এতদিন এই কোডটি প্রকাশ করতে অনাগ্রহী ছিলাম। কিন্তু পাঠকদের উপর্যুপরি ইমেইল ও অনুরোধের প্রেক্ষিতে আমি পদ্ধতিটি সবিস্তারে বর্ণনা করলাম। আশা করি পদ্ধতিটি জটিলভাবে দেখবেন না। একটু সতর্ক হয়ে কাজ করলে আপনিও সফলভাবে এই ট্যাবড গেজেটটিকে নিজেদের ব্লগে স্থাপন করতে পারবেন।

এই ট্যাবভিত্তিক গেজেট স্থাপন করার নানারকম পদ্ধতি আছে। এর বেশিরভাগ এক্সটারনাল ফাইল সংযুক্ত করে করতে হয়। কিন্তু আমি যে কোডটি আপনাদেরকে দিচ্ছি, তার কোন এক্সটারনাল ফাইল লাগবে না। কোডের মধ্যেই যাবতীয় সমস্যার সমাধান করে দেয়া আছে। যদি এটা সফলভাবে স্থাপন করতে পারেন, তাহলে অন্যান্য পদ্ধতিও আরেকদিন আলোচনা করা যাবে।
There are many ways to add a tabbed gadget in blogger.com blog.
Blogger.com ব্লগে Tabbed Widget স্থাপন করার পদ্ধতিঃ

প্রথমে ব্লগার.কম এ গুগল আইডি ও পাসওয়ার্ড দিয়ে লগইন করুন। ড্যাসবোর্ড থেকে সরাসরি Layout > Edit HTML ট্যাবে চলে যান।

মোট পাঁচটি ধাপে ব্লগার.কম ব্লগে ট্যাবভিত্তিক উইজেট স্থাপন করতে হবে। প্রথম চারটি ধাপের কোড স্থাপন করাকালীন হুট করে SAVE করবেন না। একেবারে শেষে যখন বলবো ঠিক তখন সেভ করতে হবে।
This is the easiest method to add a tabbed widget gadget in blogger blog sidebar.
প্রথম ধাপঃ
HTML পাতার উপরের দিকে থাকা Variable definitions লেখার ঠিক নিচে নিম্নোক্ত কোডগুলো লিখে দিন।