Blogger.com ব্লগের টেমপ্লেট রঙ HTML দিয়ে পরিবর্তন করা

আমরা এর আগে কিভাবে ব্লগার.কম ব্লগের টেমপ্লেটের বিভিন্ন অংশের আকার পরিবর্তন করতে হয় তা শিখেছি। আজ ব্লগ শরীরের বিভিন্ন অংশের রঙ পাল্টানো শিখবো। এজন্য প্রথমে একটু প্রস্তুতি নিতে হবে।

1. ব্রাউজারের অন্য ট্যাবে কালার চার্ট পোস্টটি খুলে নিন।
2. ওয়েব ডিজাইনের প্রয়োজনীয় টুল 'কালার কোডার' ডাউনলোড করুন, অথবা
   
3. যে কোন জায়গা থেকে এবার রঙ তুলে নিন পোস্টের সফটওয়ারটি ডাউনলোড করে নিন
   
4. একটি ডেমো ব্লগ ব্রাউজারের অন্য ট্যাবে খুলে নিন। এই ডেমো ব্লগটিতে ব্লগারের minima টেমপ্লেট সেট করা থাকতে হবে। এই টেমপ্লেটটি বুঝতে এবং পরিবর্তন করা সহজ।
   
5. আমরা এই ডেমো ব্লগে ব্লগের বিভিন্ন অংশের রঙ পরিবর্তন করা শিখবো

আচ্ছা, এবার কাজে আসি-

1. যথারীতি গুগল আইডি ও পাসওয়ার্ড দিয়ে blogger.com এ লগইন হয়ে নিন।
2. এবার Layout> HTML ট্যাবে চলে যান।
3. এখানে খুব সাবধানে কাজ করতে হবে। কোনরকম ভুল হলে কাজ করবে না।
4. প্রথমে body { অংশে যান। এর নিচে লেখা রয়েছে background:$bgcolor;
5. এই লাইনের $bgcolor; লেখাটুকু মুছে দিন। এখানে লিখুন #000000;। এখানে #000000; কোডটি কাল রঙের। এই কোড ছাড়াও অন্য যে কোন রঙের কোড ব্যবহার করতে পারবেন।
6. HTML ট্যাবের নিচে লেখা PREVIEW লেখাতে ক্লিক করে প্রিভিউ দেখুন।
7. সম্পূর্ণ ব্লগটি কাল রঙের হয়ে গেছে।
8. এবার /* Outer-Wrapper অংশে যান।
9. দেখুন #outer-wrapper { লেখা রয়েছে। এর ঠিক ডান পাশে লিখুন background-color: #FF0000; এটা লাল রঙের কোড।
10. প্রিভিউ দেখুন। ব্লগের যে অংশটা মূল অংশ সেটা সম্পূর্ণ লাল রঙের হয়ে গেছে। আর বাকী অংশটুকু কাল রয়ে গেছে।
11. এবার আমরা পোস্ট লেখার জায়গার রঙ পরিবর্তন করব।
12. এর জন্য HTML ট্যাবের একটু নিচে #main-wrapper { লেখার ঠিক ডানপাশে লিখে দিন background-color: #FFFFFF; এটা সাদা রঙের কোড।
13. এবার আমরা সাইডবারের রঙ পরিবর্তন করব।
14. HTML ট্যাবের মধ্যেই #main-wrapper { একটু নিচে লেখা রয়েছে #sidebar-wrapper {
15. #sidebar-wrapper { লেখার ঠিক ডানপাশে লিখে দিন background-color:#8AFB17;
16. এবার প্রিভিউ দেখুন। আপনার ব্লগের চেহারা দেখতে নিচের ছবির মতো হবে।
17. 
18. হেডারের রঙ পাল্টাতে চান? তাহলে #header { লেখাটি খুঁজে বের করুন (উপরের দিকে আছে)। এই অংশের নিচে লেখা আছে color:$pagetitlecolor; এই লাইনের $pagetitlecolor; কোডটুকু মুছে দিন। তার বদলে # এবং ; এর মাঝখানে পছন্দের রঙের কোড বসান। যেমন #FFFFFF;
    
19. পরিবর্তিত রঙের ব্লগ কি পছন্দ হয়েছে, তাহলে SAVE TEMPLATE লেখাতে ক্লিক করে পরিবর্তনগুলো সংরক্ষণ করুন।
20. মনে রাখুন: প্রত্যেকটা পরিবর্তনের পর PREVIEW লেখাতে ক্লিক করে পরিবর্ততিত চেহারাটা দেখে নিবেন। কোনরকম ভুল হলে CLEAR EDITS লেখাতে ক্লিক করলে পূর্বরূপ ফিরে পাবেন।
    
21. খেয়াল করেছেন কি যে বিভিন্ন জায়গায় মার্জিনে কিছু সমস্যা দেখা যাচ্ছে। এটা নিয়ে আরেকদিন আলোচনা করা যাবে।