ব্লগ ডিজাইনিং এর ক্ষেত্রে জায়গা সাশ্রয় সাথে আকর্ষণীয়তা দুটিই জরুরী বলে আমি মনে করি। টেকটিউনস সহ অসংখ্য সাইটে দেখেছি দুই কলাম বিশিষ্ট স্টাইলে পোস্ট ক্যাটাগরিসমূহ দেয়া। আমার নিজের ব্লগেও দীর্ঘদিন একদম লম্বা সারিতে পোস্ট ক্যাটাগরি বা লেবেল গুলো ছিল। ছোট ব্লগ থেকে এখন কিছুটা বড় ব্লগ হওয়ায় আমার পোস্ট ক্যাটাগরির বিস্তারও কিছুটা বেড়ে গেছে। ফলে আমার সাইডবারটা এই লেবেলগুলো দিয়ে ভরে যেতে লাগলো। সবশেষে আমিও টেকটিউনসের মত দুই কলাম বিশিষ্ট ক্যাটাগরি উইডগেট করলাম। ফলে সাইডবারের অর্ধেক জায়গাও বেঁচে গেল সাথে দেখতেও আকর্ষণীয়! এছাড়া অনেকেই আমাকে এই বিষয়ে লিখতে বলেছিলেন। আমি যেহেতু আমার ব্লগে করলাম তাই আজ সেটিও আপনাদের সাথে শেয়ার করতে চাই। তবে চলুন আপনার ব্লগের পোস্ট ক্যাটাগরিগুলোও দুই কলামে সাজিয়ে নেই! দুই কলাম বিশিষ্ট পোস্ট ক্যাটাগরি লাইভ ডেমো
- ব্লগস্পট ড্যাশবোর্ডের টেমপ্লেট সেকশন থেকে Edit Html ক্লিক করুন।
- টেমপ্লেট কোডগুলো চলে আসলে ]]></b:skin> নামের কোডটি খুঁজে বের করুন।
- খুঁজে পেলে ওই কোডটির উপরে এবার নিচের কোডটুকু বসিয়ে টেমপ্লেট সেভ করুন।
#Label1 ul li{
float: left;
width: 45%;
}
- দাড়ান! ভাবিয়েন না কাজ শেষ। এখন কাজ শেষ হতেও পারে অথবা আরও একটু কাজ করতে হতে পারে! তাই প্রথমে আপনার ব্লগ এবার ভিজিট করে দেখুন পোস্ট ক্যাটাগরিগুলো দুই কলাম আকারে হয়েছে কিনা। হলে Congratulation! আর না হলে আর সামান্য কাজ করলে আরেকটু কাজ করে আপনিও হবেন সফল।
- তাই যারা এটুকু কাজ করে দুই কলামের মুখ দেখতে পেলেন না তাঁরা এবার নিচের ধাপটুকুও সম্পন্ন করুন।
- আমি উপরে যে কোডটুকু বসিয়েছি সেটি বেশিরভাগ ব্লগের প্রেক্ষিতে ডিফল্টভাবে করা হয়েছে। বেশিরভাগ ব্লগে লেবেল আইডি Label1 দেয়া থাকে। যেহেতু আপনার ব্লগে এই কোডে কাজ হয়নি তাহলে আমি শিউর আপনার লেবেল আইডি কোড অন্য কিছু তাই শুধু লেবেল কোডটি পাল্টাতে হবে। কিন্তু কোথায় জানতে পাবেন সেই আইডি কোড? যারা নতুন তাঁরা আমার লেখা ব্লগস্পট উইডগেট আইডি কোড খুঁজে বের করার টিউটোরিয়ালটি এই লিংক থেকে দেখে নিতে পারেন। আর যারা আগে থেকেই পারেন তাঁরা একটু কষ্ট করে দেখে নিন যে আপনার ব্লগের লেবেল আইডিটি কি দেয়া আছে। এবার ধরে নিলাম আপনি আপনার লেবেল আইডি কোডটি জেনে ফেলেছেন। ধরে নিলাম আপনার লেবেল আইডি কোড Label3 । তাহলে আপনার কোডটি হবে নিচের মত।
#Label3 ul li{
float: left;
width: 45%;
}
- উপরের লাল রঙে রঙিন করা Label3 কোডটির বদলে আপনার লেবেল উইডগেটের কোড বসান।
- এবার টেমপ্লেট সেভ করে দেখুন আপনার ব্লগের ক্যাটাগরিগুলো দুই কলামে বসে গেছে।
সর্বোচ্চ চেষ্টা করে বুঝাতে চেষ্টা করলাম আপনাদের বুঝাতে। তবুও যারা বুঝতে পারলেন না তাঁরা প্লিজ কমেন্ট করবেন আপনার ব্লগের লিংকসহ। আশা করি সমাধান দিতে পারব। ধন্যবাদ।
সংগৃহিত
0 মন্তব্য(গুলি):
একটি মন্তব্য পোস্ট করুন