Blogger Template Design

আগে আমরা ব্লগ তৈরি ও সেটিং-এর ব্যবহারসহ অন্যান্য বিষয়গুলি দেখেছিলাম। আজ আমরা ব্লগারে টেম্পলেট কিভাবে ডিজাইন করা যায় সেটি দেখব। তবে টেম্পলেট পরিবর্তন করার আগে বর্তমান টেম্পলেটটি সেভ করে নিন যাতে কোন সমস্যা হলে

পুনরায় আগের অবস্থায় চলে যাওয়া যায়। টেম্পলেট কিভাবে সেভ করে সেটি গত পর্বে বলেছিলাম।
আপনার ব্লগের জন্য পছন্দমত টেম্পলেট খোজার চেয়ে ব্লগারের এই সার্ভিস ব্যবহার করে নিজস্ব টেম্পলেট ডিজাইন করে তা ব্যবহার করতে পারেন। এখানে আপনি আপনার ইচ্ছামত ব্যাকগ্রাউন্ড ইমেজ, কালার, ব্লগের দৈর্ঘ্য-প্রস্থ ইত্যাদি আপানার পছন্দানুযায়ী কাস্টোমাইজ করতে পারেন। এটি করার জন্য প্রথমে Design অপশান থেকে Template Designer-এ ক্লিক করুন। পেজ লোডিং হতে কিছুক্ষণ সময় নিবে। পেজটি ওপেন হলে নিচের মতো দেখা যাবে।

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

   ১. টেমপ্লেটস (Templates): এখানে প্রাথমিকভাবে ৬টি টেম্পলেট দেওয়া আছে। প্রতিটির উপর মাউসের লেফট বাটন চাপলে প্রতিটির অভ্যন্তরে আরো কয়েকটি সাব-ডিজাইন দেখতে পাবেন। এখান থেকে পছন্দানুযায়ী যে কোন একটি সিলেক্ট করুন যেটি পরবর্তীতে আমরা ডিজাইন করব।

   ২. ব্যাকগ্রাউন্ড (Background): এখানে দেওয়া বিভিন্ন কালারের থিম দিয়ে আপনার খসড়া তৈরি করা টেম্পলেটটি সাজাতে পারেন। কালার নির্বাচন করার জন্য Main color theme-এর উপর ক্লিক করুন। এছাড়াও ব্যাকগ্রাউন্ড ইমেজ পরিবর্তন করতে চাইলে প্রথমে বর্তমান ইমেজটি মুছে ফেলুন বাম পাশে Background Image-এর নিচে দেওয়া Remove Image বাটনে ক্লিক করে।

এরপর খালি ইমেজ বক্সটির উপর ক্লিক করলে অনেকগুলো ব্যাকগ্রাউন্ড ইমেজ দেখতে পাবেন। সেখান থেকে আপনার পছন্দানুযায়ী নির্বাচন করতে পারেন বা আপনার কাছে সংরক্ষিত কোনো ইমেজ দিতে চাইলে Upload Image-এ ক্লিক করে ইমেজ সংরক্ষণের জায়গা নির্বাচন করে দিন। ইমেজ আপলোড শেষ হলে Done লেখাতে ক্লিক করুন। এরপর আপনি পছন্দানুযায়ী Alignment এবং Tile ঠিক করে দিতে পারবেন। ব্যাকগ্রাউন্ডের ইমেজটি যদি ব্লগ পেইজ-এর সাথে স্ক্রল না করাতে চান তাহলে Scroll with Page থেকে সিলেক্ট চিহ্ন টি উঠিয়ে নিন। প্রতিটি পরিবর্তন করার পরপরই নিচেই ব্লগের ডিজাইনের প্রিভিউ দেখতে পাবেন।

   ৩. লে-আউট (Layout): আপনার ব্লগের Gadget এবং ব্লগপোস্ট সমুহের অবস্থান কিভাবে হবে সেটি এই অপশানের মাধ্যমে ডিজাইন করে নিতে পারেন। অর্থাৎ আপনার ব্লগটি কয় কলামবিশিষ্ট করতে চান এবং ডান বা বামে কয় কলাম চান সেটি এটির মাধ্যমে ডিজাইন করতে পারেন। Body layout-এ মোট আটটি এবং Footer layout-এ তিনটি করে ডিজাইন পাবেন। বডি লেআউট হচ্ছে ব্লগের মুল অংশ এবং ফুটার হচ্ছে একবারে নিচের অংশ। কোনটি বুজতে সমস্যা হলে নিচে প্রিভিউতে পরিবর্তনগুলো খেয়াল করলে বুজতে পারবেন।

   ৪. দৈর্ঘ্য পুনঃনির্ধারণ (Adjust widths): পুরো ব্লগের দৈর্ঘ্য কতটুকু হবে তা এই অপশানের মাধ্যমে ঠিক করে দিতে পারেন। এছাড়া বাম বা ডান পাশের গেজেটের আকার পছন্দানুযায়ী পরিবর্তন করে দিতে পারেন এই অপশানের মাধ্যমে। আমি বডি লেআউট-এ একটি কলাম ব্যবহার করাতে উপরে দেওয়া চিত্রে শুধুমাত্র Right sidebar দেখা যাচ্ছে। আপনি বডি লেআউট-এ যতটি কলাম ব্যবহার করবেন ঠিক ততটির আকার পরিবর্তন করতে পারবেন।

   ৫. এডভান্সড (Advanced): এটি ব্লগারে দক্ষ ব্যবহারকারীদের জন্য। এখান থেকে পছন্দানুযায়ী ব্লগটিকে ডিজাইন করতে পারবেন। এখানে শেখানোর মতো কিছুই নেই পুরোটাই আপনার নিজস্ব ক্রিয়েটিভিটি। তবু আমি সারসংক্ষেপে কিছু অপশান বর্নণা করলাম। প্রতিটি অপশানের উপর ক্লিক করলে নিচে প্রিভিউতে লাল কালারের ব্যাকগ্রাউন্ড দ্বারা সেই জায়গার অবস্থান দেখতে পাবেন।

Page text - ব্লগের টাইটেল বা Description-এর কালার, ফন্ট, বোল্ড এবং ইটালিক হবে কি না সেটি নির্ধারণ করা।

Backgrounds - ব্লগের আউটার ব্যাকগ্রাউন্ড বা হেডারের পিছনের ব্যাকগ্রাউন্ড এবং পোস্ট-এর পিছনের ব্যাকগ্রাউন্ড পছন্দানুয্যী পরিবর্তন করতে পারেবেন এই অপশানের সাহায্যে।

বাকী সবগুলো প্রায় একই। আপনি নিজেই এগুলোর ব্যবহার বুজবেন। না বুঝলে নিচে প্রিভিউতে পর্যবেক্ষন করে ধীরে ধীরে এগুবেন। একেবারে শেষেরটা Add CSS টি যারা CSS প্রোগ্রামিং জানে তাদের জন্য প্রযোজ্য।
ডিজাইন শেষ করে একবারে উপরে Apply Blog-এ ক্লিক করলে আপনার ব্লগটি এই ডিজাইনে পরিবর্তন হয়ে যাবে। নতুন টেম্পেলেটে যাওয়ার পরে ব্লগের Gadget গুলি উলট-পালট হয়ে যেতে পারে। এতে চিন্তা করার কিছুই নেই। এগুলোকে পুনরায় পুনঃবিন্যাস করা যাবে Design > Page Element-এ গিয়ে। তবে নতুন ডিজাইন-এ যাওয়ার আগে অবশ্যই আগে টেম্পলেটটি ডাউনলোড করে ব্যাকআপ রাখবেন।