এই পোস্টে যা যা আছে:
এটি একটি সাধারণ প্যারাগ্রাফ। এখানে আপনি দেখতে পাবেন আপনার ব্লগের ফন্ট এবং লাইন গ্যাপ কতটা প্রফেশনাল দেখাচ্ছে। কোনো কালো রঙ ছাড়াই সবুজের ছোঁয়ায় এটি ডিজাইন করা।
১. ৩ডি টেবিল ডিজাইন
| ফিচার | সুবিধা | রেটিং |
|---|---|---|
| স্পিড | খুবই দ্রুত লোড হয় | ⭐⭐⭐⭐⭐ |
| ডিজাইন | প্রিমিয়াম গ্রিন লুক | ⭐⭐⭐⭐⭐ |
২. প্রিমিয়াম বাটন
৩. টিপস ও ইনফো বক্স
এটি একটি ইনফো কার্ড বা টিপস সেকশন। এখানে আপনি গুরুত্বপূর্ণ কোনো তথ্য হাইলাইট করতে পারেন।
নিচে আমাদের কাস্টম কোড এরিয়া বা টাচ কপি বক্সটি দেখুন:
// এটি একটি টেস্ট কোড
function helloWorld() {
console.log("আপনার ডিজাইন এখন সুপার ফাস্ট!");
}
"সফল ব্লগিংয়ের মূল চাবিকাঠি হলো কন্টেন্ট এবং একটি সুন্দর ইউজার এক্সপেরিয়েন্স।"
সবশেষে একটি টেস্ট লিঙ্ক চেক করে দেখুন হোভার করলে কেমন দেখায়।
📌 এই পোস্টে যা যা শিখবেন:
ব্লগিং দুনিয়ায় নিজেকে অন্যদের চেয়ে আলাদা করতে হলে আপনার ব্লগের ডিজাইন হতে হবে ইউনিক। কোনো কালো (Black) কালার ছাড়াই আমরা এই প্রিমিয়াম গ্রিন ডিজাইনটি তৈরি করেছি।
১. প্রিমিয়াম ৩ডি টেবিল
| ফিচার | পারফরম্যান্স | অবস্থা |
|---|---|---|
| SEO স্পিড | সুপার ফাস্ট | ✅ সক্রিয় |
| মোবাইল ফ্রেন্ডলি | ১০০% রেসপন্সিভ | ✅ সক্রিয় |
| ডিজাইন | ৩ডি গ্রিন লুক | ✅ সক্রিয় |
২. অ্যানিমেটেড ৩ডি বাটন
নিচের বাটনটিতে মাউস নিয়ে যান বা ক্লিক করে দেখুন এটি ৩ডি ফিল দেয় কি না:
৩. টিপস ও কোড কপি এরিয়া
প্রো টিপ: সবসময় আপনার ব্লগের ছবির সাইজ কমিয়ে আপলোড করবেন, এতে আপনার সাইট দ্রুত লোড হবে এবং এসইও ভালো হবে।
নিচে টাচ কপি বক্সটি চেক করুন (কোনো কোড শেয়ার করার জন্য):
/* CSS Test Code */
.thesundor-design {
color: #2ecc71;
font-weight: bold;
}
৪. লিঙ্ক ও চেকলিস্ট টেস্ট
"ডিজাইন কেবল আপনি যা দেখেন তা নয়, ডিজাইন হলো এটি কীভাবে কাজ করে।"
নিচের লিঙ্কটি চেক করুন, এটি আপনার থিমের সাথে ম্যাচ করে সবুজ দেখাবে: এটি একটি টেস্ট লিঙ্ক।
ফিচার লিস্ট:
- প্রতিটি লিস্টের শুরুতে টিক চিহ্ন আসবে।
- মোবাইল স্ক্রিনে লেখা স্পষ্ট দেখাবে।
- কোনো কালো রঙের ব্যবহার নেই।