ব্লগার পেজলিস্ট মেনু কাস্টমাইজ করা

আমরা জানি যে ইতিমধ্যে ব্লগারে স্ট্যাটিক পেজ তৈরি করার সুবিধা চালু করা হয়েছে। আর এই পেজগুলো দেখানোর জন্য একটি পেজ লিস্ট মেনু Layout > Page Elements ট্যাব থেকে স্থাপন করা যায়। এই পেজলিস্ট মেনু নিয়েই আমাদের আজকের পোস্ট।

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

কিন্তু যদি HTML অংশে সামান্য কিছু কোড লাগিয়ে দেই। তাহলে ব্লগারের স্ট্যাটিকমেনুকে নিজের মনের মতো করে সাজিয়ে গুছিয়ে নিতে পারবো।

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

• যথারীতি Blogger.com এ গুগল আইডি ও পাসওয়ার্ড দিয়ে লগইন হয়ে নিন।
• এবার ]]></b:skin> এই লেখাটুকু খুঁজে বের করুন।
• লেখাটির উপরে নিচের কোডগুলি প্রয়োজনমতো বসিয়ে দিন।
• ডানে নিয়ে যাবার জন্যঃ
• .PageList {text-align:right !important;}
  .PageList li {display:inline-block !important; float:none !important;}
  
• মাঝে রাখার জন্যঃ
• .PageList {text-align:center !important;}
  .PageList li {display:inline-block !important; float:none !important;}
• উপরের কোডগুলি তখনই কাজ করবে, যখন আপনি পেজলিস্ট মেনুকে পোস্ট অংশের উপরে স্থাপন করবেন। কিন্তু যদি সাইডবারে লাগান, তাহলে নিচের কোডগুলি ]]></b:skin> উপরে বসিয়ে দিতে হবে।
• ডানে মার্জিন রাখান জন্য
• .PageList {text-align:right !important;}
• মার্জিন মাঝামাঝি রাখার জন্যঃ
• .PageList {text-align:center !important;}
• পেজলিস্ট মেনুর ব্যাকগ্রাউন্ড রঙ কি পরিবর্তন করতে চান? তাহলে নিচের কোডটি একই জায়গায় বসিয়ে দিন।
• .Pagelist{
  background:#000000;
  color: #ffffff;
  }
• এখানে কালার কোডগুলো কালার চার্ট (Color Chart) থেকে মনের মতো করে বেছে নিতে পারবেন।