কিভাবে ব্লগস্পট সাইট কোডিং এর মাধ্যমে প্রফেশনালভাবে ইডিট করব?

ব্লগস্পট (Blogger) সাইটকে প্রফেশনালভাবে সাজাতে চাইলে আপনাকে মূলত তিনটি জিনিস জানতে হবে—HTML, CSS এবং সামান্য JavaScript। কিন্তু ভয় পাওয়ার কিছু নেই, খুব অল্প শেখার মাধ্যমেই আপনি নিজের সাইট পুরোপুরি নিজের মতো করে কাস্টমাইজ করতে পারবেন।

---

⭐ ১. প্রথম ধাপ: থিম এডিটরের অবস্থান খুঁজে বের করা

প্রথমে আপনার Blogger Dashboard-এ লগইন করুন।

এখন নিচের পথে যান:

Theme → Edit HTML

এটাই হলো আপনার পুরো ওয়েবসাইটের কোড যেখানে আপনি পরিবর্তন করবেন।

---

⭐ ২. HTML দিয়ে ওয়েবসাইটের স্ট্রাকচার পরিবর্তন

HTML হলো আপনার সাইটের মূল কাঠামো।

✔ মেনু কোথায় থাকবে

✔ সাইডবার কোথায় থাকবে

✔ পোস্ট কোন স্টাইলে দেখাবে

✔ ফুটারে কী লেখা থাকবে

— সবকিছু HTML দিয়েই নির্ধারণ করা হয়।

আপনি যদি কোনো অংশ সরাতে চান, নতুন সেকশন যোগ করতে চান, বা মেনুতে নতুন লিংক যোগ করতে চান—HTML থেকেই করতে হবে।

---

⭐ ৩. CSS দিয়ে সাইটের রং, ডিজাইন ও স্টাইল ঠিক করা

CSS হলো আপনার সাইটের সাজসজ্জা।

✔ রং

✔ ফন্ট

✔ বক্স সাইজ

✔ মার্জিন

✔ বাটন ডিজাইন

✔ মোবাইল রেসপনসিভ

এসব CSS নিয়ন্ত্রণ করে।

Theme → Edit HTML খুলে নিচের দিকে গেলে /* CSS */ বা <style> অংশ পাবেন। এখানেই কোড যোগ বা পরিবর্তন করবেন।

উদাহরণ:

যদি হেডারের ব্যাকগ্রাউন্ড কালার পরিবর্তন করতে চান—

.header {

    background: #0080ff;

}

এই কোড দিলেই হেডার নীল হয়ে যাবে।

---

⭐ ৪. JavaScript দিয়ে অ্যাডভান্স ফিচার যোগ করা

আপনি চাইলে ব্লগস্পটে অনেক স্মার্ট ফিচার যোগ করতে পারেন—

✔ Slider

✔ Dark mode

✔ Click animation

✔ Auto scroll

✔ Popup

✔ Sticky header

এসব JavaScript দিয়ে কাজ করে।

HTML এডিটরে <script> জায়গায় JS কোড যোগ করলেই ফিচার অ্যাড হয়।

---

⭐ ৫. Inspect Element ব্যবহার করলে কাজ আরও সহজ

যখন আপনি মোবাইল বা কম্পিউটারে সাইট ওপেন করেন, সেখানে যেকোনো এলিমেন্টের উপর ডান ক্লিক করে Inspect করলে দেখতে পাবেন—

✔ এই অংশ কোন HTML কোড দিয়ে তৈরি

✔ কোন CSS দিয়ে রঙ বা সাইজ সেট করা হয়েছে

এই পদ্ধতিতে আপনি সহজেই বুঝতে পারবেন কোন কোড বদলালে কোন অংশ পরিবর্তন হয়।

---

⭐ ৬. সবসময় থিম ব্যাকআপ নিয়ে কাজ শুরু করুন

এটা খুব গুরুত্বপূর্ণ।

বদলানোর আগে থিম সেভ করুন:

Theme → Backup → Download

যদি কোনো ভুল কোড দেন, সাইট নষ্ট হয়ে গেলে আবার আগের অবস্থায় ফিরে আসতে পারবেন।

---

⭐ ৭. কোডিং শিখে আপনি নিজেই নিজের ব্লগস্পটকে প্রফেশনাল ওয়েবসাইট বানাতে পারবেন

কিছুদিন কোডিং প্র্যাকটিস করলেই আপনি—

✔ নিজের মতো custom homepage বানাতে

✔ portfolio layout করতে

✔ নিজের CV ওয়েবসাইট তৈরি করতে

✔ blog + professional website বানাতে

—সবই পারবেন।

---

📌 শেষে সংক্ষেপে:

HTML = কাঠামো

CSS = সাজসজ্জা

JavaScript = স্মার্ট ফিচার

এ তিনটি ব্যবহার করেই আপনি ব্লগস্পট সাইটকে 100% নিজের মতো করে পরিবর্তন করতে পারবেন।