একটি সহজ মেনুবার তৈরি করার পদ্ধতি

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

• ব্লগার.কম (Blogger.com) এ লগইন করুন।
• Layout এর Page Elements ট্যাবে গিয়ে Add a Gadget এ ক্লিক করে একটি নতুন HTML/ Javascript গেজেট নিন।
• এই গেজেটে নিচের কোডটি সম্পূর্ণ কপি করে পেস্ট করুন।

<div style="background-color:#DBF2FB; float:left;">
<a href="URL 1">Link 1</a> |
<a href="URL 2">Link 2</a> |
<a href="URL 3">Link 3</a> |
<a href="URL 4">Link 3</a> |
<a href="URL 5">Link 3</a> |
<a href="URL 6">Link 3</a> |
<a href="URL 7">Link 3</a> |
</div>

• URL 1, 2, 3, 4 ইত্যাদিগুলো পরিবর্তন করে আপনি যে পোস্টের লিংক রেখে দিতে চান, তা লিখুন।
• Link 1, 2, 3, 4 ইত্যাদিগুলো পরিবর্তন করে উপযুক্ত নাম যেমন About, Contact ইত্যাদি লিখুন।
• background-color এর কোড পরিবর্তন করে নিজের পছন্দমতো রঙ এর কোড বসিয়ে দিন। পছন্দের রঙের কোড জানার জন্য Color Chart দেখুন। কিংবা কালার কোডার দিয়ে নিজের মনমতো একটি রঙ বানিয়ে নিন।
• লিংকগুলোকে ডানে বামে নেয়ার জন্য float:left এর জায়গায় right লিখে দিন।
  
• গেজেটটি সেভ করুন।
• এই গেজেটটিকে Header এর ঠিক নিচে রেখে দিন।
• এবার ব্লগটিকে একবার রিফ্রেশ করে দেখুন তো নতুন তৈরি করা মেনুবারটি কেমন দেখাচ্ছে।