এবার প্রকাশিত হলো 'আকাশ - ০২' টেমপ্লেট

আকাশ-০১ টেমপ্লেটটি (Akash 01 Template) প্রকাশিত হবার পর অনেকের কাছ থেকে দারুণ সাড়া পেয়েছি। তারা বিভিন্নভাবে আমাকে আরও টেমপ্লেট ডিজাইন (Template Design) করতে উৎসাহিত করেছেন। তাদের সবাইকে অন্তরের অন্তঃস্থল থেকে ধন্যবাদ জানাচ্ছি। আজ আমি আপনাদের সামনে উপস্থিত হয়েছি 'আকাশ-০২' টেমপ্লেট (Akash 02 Template) নিয়ে। এই নামটি বেছে নেবার কারণ হলো পূর্বের আকাশ টেমপ্লেটটির সাথে নতুন টেমপ্লেটটির বেশ কয়েকটি দিক দিয়ে মিল আছে। এর মধ্যে প্রধানত ব্লগ ব্যাকগ্রাউন্ড রঙ (Background Color) ও হেডারের ছবিটি (Header Image) প্রধান। তবে যারা এই নতুন টেমপ্লেটটি ব্যবহার করবেন, তারা একেবারে নতুন টেমপ্লেট ব্যবহারের তৃপ্তি পাবেন একথা নিশ্চিত করে বলতে পারি।

প্রথমে একটি কৃতজ্ঞতা প্রকাশ করিঃ
হেডারের (Header) সারি সারি মেঘের অসাধারণ ছবিটি আমাকে উপহার দিয়েছেন প্রতিশ্রুতিশীল সাহিত্যিক খালিদ উমর। তিনি তাঁর ব্যক্তিগত সংগ্রহ (Personal Collection) থেকে আমাকে এই ছবিটি (Picture) ব্যবহার করার জন্য প্রদান করেছেন। কোনরকম লাইসেন্সের (Licence) বিধিনেষেধ আরোপ করেননি। মহানুভব মি. খালিদ উমর তাঁর প্রাত্যাহিক ব্যস্ত জীবনের ফাঁকে ফাঁকে নিয়মিতভাবে উপন্যাস ও কবিতা লিখে চলেছেন নিজ ব্লগে। তাঁর ব্লগ ঠিকানা: নীল নক্ষত্র

মি. খালিদ উমর প্রদত্ত হেডারের মূল ছবিটি আমি আপলোড (Upload) করে দিলাম। এই লিংক থেকে ডাউনলোড করতে পারবেন (ছবির আকার ২০৩৮×১৫৩৬ পিক্সেল, ফাইল সাইজ: 446.6 KB)। সাইজ মতো করে কেটে নেয়া হেডারের ছবিটি স্থাপন করা হয়েছে এই পদ্ধতিতে (ফলে টেমপ্লেটটি আপনার ব্লগে ইনস্টল করলে হেডারে কোন ছবি দেখাবে না)। নিজের ব্লগের বিষয় অনুযায়ী ছবি ব্যবহার করুন কিংবা নির্দিষ্ট আকারের ছবিটি এই লিংক থেকে ডাউনলোড করে ব্যবহার করতে পারেন (ছবির আকার ৮৮৩×২০০ পিক্সেল, ফাইল সাইজ: 9.8 KB) । নিজের তৈরি করা ছবির প্রস্থ ৮৮৫ পিক্সেল (Width: 885px) এর মধ্যে হতে হবে। ছবির উচ্চতা ২০০ পিক্সেলের (200 Pixel) বেশি ব্যবহার করতে পারবেন। তবে তা দৃষ্টিকটু দেখায়।

আকাশ- ০২ টেমপ্লেটের ডিজাইন করতে গিয়ে আকাশ -০১ টেমপ্লেটটির মতো কোন ছবি ফাইল (Image File) ন্যাভিগেশন মেনুবার (Navigation Menubar), পোস্ট টাইটেল (Post Title) কিংবা সাইডবার টাইটেলের (Sidebar Title) ব্যাকগ্রাউন্ড হিসেবে ব্যবহার করিনি। ফলে ব্লগ লোড হওয়ার সময় (Blog Load TIme) আরও কমে যাবে। আরো দ্রুত ব্লগ লোড হবে (Load Faster)।

এই ছবিটি টেমপ্লেটের উপরের অংশের

এই ছবিটি টেমপ্লেটের নিচের অংশের

এই ছবিটি টেমপ্লেটটির পেজ এলিমেন্ট (Page Element) অংশের। এখানে বিভিন্ন জায়গায় লেখা Add A Gadget লেখাতে ক্লিক করে গুগল এডসেন্স (Google Adsense) বা যে কোন কোড বসাতে পারবেন।

আকাশ ০২ টেমপ্লেটের কিছু বিশেষ বৈশিষ্ট্যঃ

• 'আদর্শলিপি' (Adorsholipi) ফন্ট ডিফল্ট (Default Font) হিসেবে সেট করা আছে। আপনার কম্পিউটারে 'আদর্শলিপি' ফন্ট ইনস্টল না থাকলেও অসুবিধা নেই। অন্য বাংলা ফন্টেও ব্লগ লেখা যাবে। একটি ছোট ফন্ট সংগ্রহ ডাউনলোড (Download) করুন।
  
• ন্যাভিগেশন মেনুবার (Navigation Menubar) এর ব্যাকগ্রাউন্ডে (Background) কোন ছবি নেই। তার বদলে রঙ ব্যবহার করা হয়েছে। ন্যভিগেশন মেনুতে থাকা লিংকগুলো (Links) পরিবর্তনের নিয়ম আলোচনা করেছি। স্ক্রল (Scroll) করে নিচে নামুন।
  
• পোস্ট টাইটেলের ব্যাকগ্রাউন্ডে (Post Title Background) কোন ছবি নেই। তার বদলে রঙ ব্যবহার করা হয়েছে।
• সাইডবার টাইটেলের (Sidebar Title) কোন ব্যাকগ্রাউন্ড ছবি নেই। তার বদলে রঙ ব্যবহার করা হয়েছে।
• পোস্টের উপরে লেখা তারিখে ব্যাকগ্রাউন্ড রঙ (Date Background Color) দেয়া হয়েছে।
  
• ব্লগের নিচে থাকা Subscribe to: Posts (Atom) লেখার পাশে একটি ফিড আইকন (Feed Icon) যোগ করা হয়েছে।
• লেখকের মন্তব্যটির (Blog Author Comment) ব্যাকগ্রাউন্ড ভিন্ন রঙের হবে। এই ব্যাকগ্রাউন্ড রঙটি (Background Color) ব্লগারের (Blogger.com) ডিফল্ট পদ্ধতিতে পাল্টানো সম্ভব।
• কখনও কখনও ন্যাভবার লোড হতে সমস্যা করে বলে ব্লগের উপরের ন্যাভবারটিকে লুকিয়ে রেখেছি। ঢেকে রাখিনি। তাই ন্যাভবার এর সুবিধাগুলো সব ব্যবহার করতে কোন অসুবিধা হবে না।
  

টেমপ্লেটটির কিছু সাধারণ বৈশিষ্ট্যঃ

• মূল ব্যাকগ্রাউন্ডের রঙ (Main Background Color) ডিফল্টভাবে নীল।
• পোস্ট করার জায়গার ব্যাকগ্রাউন্ড (Post Background) সাদা।
• বিস্তারিত পড়ুন (Read more) সুবিধা ডিফল্টভাবে সংযুক্ত।
• ড্রপডাউন মেনু (Dropdown menu) স্বয়ংক্রিয়ভাবে (Automatically) যে কলামে রাখবেন, সেই কলামের আকার ধারণ করবে।
• লেবেল সার্চ (Label Search) করলে সম্পূর্ণ পোস্ট (Full Post) না দেখিয়ে শুধুমাত্র পোস্ট টাইটেল (Post Title) দেখাবে।
  
• হেডারের (Header) ঠিক নিচে একটি নেভিগেশন মেনুবার (Navigation Menubar) যুক্ত। এটাতে নিজের প্রয়োজনমাফিক লিংক যুক্ত করা মোটেও কঠিন নয়।
• একটি মূল কলাম ডানপাশে (Right Sidebar)।
• তিনটি কলাম টেমপ্লেটের একেবারে নিচে অবস্থিত (3 Column on Bottom)।
• সবশেষে একটি বড় কলাম।
• ব্লগের শরীরের বিভিন্ন জায়গায় যেমন হেডারের উপরে নিচে, পোস্টের উপরে নিচে, সাইডবারে, নিচের কলামে খুব সহজে বিভিন্ন আকারের গুগলের এডসেন্স কোড (Adsense Code) বসাতে পারবেন। অর্থাৎ এই টেমপ্লেটটি 'এডসেন্স রেডি' (Adsense Ready)।
• কোন লেখাকে উদ্ধৃতি (Quote) হিসেবে ব্যবহার করলে, সেই লেখাটুকুর উপরে ও নীচে একটি দাগ বসে যাবে। ব্যকগ্রাউন্ড পাল্টাতে পারবেন ব্লগার.কমের নিজস্ব রঙ পরিবর্তন করার পদ্ধতি থেকে।

ব্লগার.কমের নিজস্ব রঙ পরিবর্তন করার জায়গা থেকে যে সব উপাদানের রঙ পাল্টাতে পারবেন:

• ব্লগের ব্যাকগ্রাউন্ড রঙ (Page BAckground Color)
• প্রধান টেক্সটের রঙ (Text Color)
• লিংক রঙ (Link Color)
• ব্লগের টাইটেল রঙ (Blog Title Color)
• ব্লগের বর্ণনার রঙ (Blog Description Color)
• পোস্ট টাইটেল রঙ (Post Title Color)
• পোস্ট টাইটেলের উপরে মাউস নিয়ে গেলে তা পরিবর্তন করলে কি রঙ হবে তা পরিবর্তন করতে পারবেন। (Post Title Hover Color)
• পোস্টের উদ্ধৃতির ব্যাকগ্রাউন্ড (Post Quote Color)
• ব্লগ লেখকের মন্তব্য'র ব্যাকগ্রাউন্ড (Author Comment Background Color)
  
• বর্ডার রঙ (Border Color)
• সাইডবারের টাইটেল রঙ (Sidebar Title Color)
• পোস্টের উপরে লেখা তারিখের রঙ (Post Date Color)
• নিচের কলামের টাইটেলের রঙ (Footer and Bottom Header Color)
• সাইডবারের টেক্সট রঙ (Sidebar Text Color)
• যে সব লিংক ভ্রমণ করা হয়েছে তাদের রঙ (Visited Link Color)

• টেমপ্লেটটির প্রস্থ: ৮৮৫ পিস্কেল (885 px)
• মেইন পোস্ট অংশের প্রস্থ: ৫৭০ পিস্কেল (570 px)
• বামপাশের প্রধান সাইডবারটির প্রস্থ: ৩০৫ পিস্কেল (305 px)

একেবারে নীচের কলাম তিনটির আকার হলো:

• বামপাশেরটির আকার: ৩৫০ পিক্সেল
• মাঝেরটির আকার: ২৯০ পিক্সেল
• একেবারে ডানেরটির আকার: ২২০ পিক্সেল

* নেভিগেশন মেনুবারে (Navigation Menubar) থাকা লিংকগুলো পরিবর্তন করে নিজের পছন্দ ও প্রয়োজনমতো লিংক স্থাপন করার জন্য নিচের ছবিটি ভালোভাবে লক্ষ্য করুন।

Edit HTML পাতায় <div id="navigation"> কোডটি খুঁজে বের করুন। Cntrl+F চেপে সেখানে কোডটি লিখে দিলে সহজে খুঁজে পাবেন। <div id="navigation"> এর নিচের থাকা লিংকগুলো পরিবর্তন করে দিন। উপরের ছবিটি লক্ষ্য করুন। কোন কোন লিংক পরিবর্তন করতে হবে তা লাল দাগ দিয়ে চিহ্নিত করা হয়েছে। লিংক লেখার নিয়ম জেনে নিন এই পোস্ট থেকে।

ডাউনলোড করুন:

• ডেমো ব্লগ দেখুন
• .7z File (Size: 8.5 KB)
• .zip File (Size: 8.9 KB)

* টেমপ্লেট পরিবর্তন করার নিয়ম / পদ্ধতি জানুন এই পোস্টটি থেকে।
এই টেমপ্লেটটি ব্যবহার করতে গিয়ে কোন সমস্যায় পড়লে কিংবা কোন ত্রুটি চোখে পড়লে তা জানানোর জন্য অনুরোধ রইল।