কিভাবে ব্লগার.কম ব্লগের আকার পরিবর্তন করতে হয়

আমরা অনেক সময় নিজেদের ব্লগের সাইডবার (Sidebar), পোস্ট অংশ (Post area) ইত্যাদি ছোটবড় করতে চাই। কিন্তু সঠিক পদ্ধতি জানা না থাকায় করা সম্ভব হয়না। তখন বাধ্য হয়ে বড় বা ছোট আকারের কোন টেমপ্লেট বেছে নিয়ে নতুন করে ইনস্টল করে নেই। এতে আবার উটকো কিছু সমস্যাও তৈরি হয়ে পড়ে। তার চাইতে আসুন না, কিভাবে নিজের ব্লগের বিভিন্ন অংশের আকার নিজে নিজে পরিবর্তন করা যায়, তা জেনে নেই।

হ্যাঁ, বন্ধুরা এর জন্য আপনাকে ন্যুনতম এইচটিএমএল কোড (Html code) জানতে হবে না। এবং কোনরকম বিপদেরও আশংকা নেই। খুব সহজ কিছু পদ্ধতি প্রয়োগ করে নিজেই ব্লগের সাইডবার পোস্ট অংশ ইত্যাদির আকার পরিবর্তন করে নিতে পারবেন।

প্রথমে একটু প্রস্তুতি নিতে হবেঃ

1. বিষয়টি বোঝার জন্য প্রথমে একটি টেস্ট ব্লগ খুলে নিন।
2. এর টেমপ্লেট হিসেবে ডিফল্ট Minima template নির্বাচন করুন।
3. এবার Blogger.com এ Login করে ড্যাশবোর্ডে প্রবেশ করুন।
4. এখানে Layout> Edit HTML ট্যাবে চলে যান। HTML ট্যাবে প্রবেশ করতে হবে বলে ভয় পাবেন না।
5. 
6. উপরের ছবিটির মতো অংশ দৃষ্টিসীমায় রাখুন
7. ছবিটিতে লক্ষ্য করুন তিনটি বিশেষ বোতাম আছে।
8. বামপাশেরটি CLEAR EDITS, মাঝেরটি PREVIEW এবং সর্বডানেরটি SAVE TEMPLATE
9. মনে রাখুন যে, আমরা প্রায়ই PREVIEW বোতামটিতে ক্লিক করে পরিবর্তিত মান কিরকম দেখাচ্ছে, তা পরীক্ষা করে দেখবো। সন্তুষ্ট হলে SAVE TEMPLATE লেখা বোতামে ক্লিক করে তা সেভ করব। এবং কোনরকম ভুল হয়ে গেলে CLEAR EDITS লেখা বোতামে ক্লিক করে ভুলক্রমে করা পরিবর্তনগুলো বাতিল করব।
   
10. পাশের স্ক্রলবার স্ক্রল করে নিচে দেয়া কোড অংশে আসুন।
11. 
    /* Outer-Wrapper
    ----------------------------------------------- */
    #outer-wrapper {
    width: 660px;
    margin:0 auto;
    padding:10px;
    text-align:$startSide;
    font: $bodyfont;
    }
    
    #main-wrapper {
    width: 410px;
    float: $startSide;
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
    }
    
    #sidebar-wrapper {
    width: 220px;
    float: $endSide;
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
    }
12. প্রথমে #outer-wrapper অংশে কাজ করুন। এই অংশটি হচ্ছে আপনার ব্লগের মূল আকার। এটা প্রস্থে ৬৬০ পিক্সেল হিসেবে নির্দিষ্ট করা আছে। যদি ব্লগের আকার বড় করতে চান, তাহলে এই মানটি পরিবর্তন করতে হবে। রঙের বোল্ড করা লেখাটি দেখুন। লেখা আছে width: 660px; । এই 660 সংখ্যাটি পাল্টে 750 করে দিন। এবং PREVIEW লেখাতে ক্লিক করুন। দেখুন তো পরিবর্তিত আকারটি পছন্দ হচ্ছে কিনা?
    
13. দ্বিতীয় অংশে লেখা আছে #main-wrapper। এর মাধ্যমেপোস্ট যে অংশটুকুতে প্রকাশিত হয়, সেই অংশটুকুকে নির্ধারণ করা হয়েছে। এর মান দেয়া আছে 440px। প্রয়োজন অনুযায়ী এর মান কমবেশি করুন। PREVIEW বোতামে ক্লিক করে দেখুন তো পরিবর্তিত আকারটি পছন্দ হচ্ছে কি না?
14. তৃতীয় অংশ হল #sidebar-wrapper, এই অংশটুকু ব্লগের সাইডবারের বিভিন্ন বৈশিষ্ট্যকে বর্ণনা করে। এই অংশের আকার হল 220px , এটাও পরিবর্তন করে দেখুন এবং PREVIEW বোতামে ক্লিক করে পরিবর্তিত আকারটি পছন্দ হল কি না তা পরখ করে নিন।
15. মনে রাখবেনঃ
16. মান যাই দিননা কেন, শেষের (;) সেমিকোলন চিহ্নটি আবার মুছে ফেলবেন না যেন,
17. Outer wrapper এর মান যা দেবেন, তার সাথে সঙ্গতি রেখে main wrapper এবং sidebar wrapper এর মান নির্ধারণ করতে হবে। সাইডবার এবং মেইনর্যাপার এর মান যোগ করে যেন কোনক্রমেই আউটার র্যাপারের মানের চেয়ে বেশি না হয়।
18. দেখুন তো, HTML না জেনেই আমরা কেমন নিজের ব্লগের বিভিন্ন অংশের সাইজ পাল্টে ফেললাম। তাই না?
    
19. আজ এ পর্যন্তই থাক। কেমন? আগামী দিনে কোন অংশের রঙ কিভাবে পাল্টাতে হয়। কিভাবে ছবি যোগ করতে হয়, তা জানবো।
20. আর হ্যাঁ, আপনি নির্দিষ্ট কোন কিছু জানতে চান কি? জানাতে একটুও দ্বিধা করবেন না যেন।