কিভাবে ব্লগার ওয়েবসাইটে Styles Note বক্স লাগাবেন ?

বন্ধুরা আজকের এই আর্টিকেলে আমরা শিখব কিভাবে আপনারা আপনাদের ব্লগার ওয়েবসাইটের জন্য অর্থাৎ ব্লগার ওয়েবসাইটের পোস্ট এর জন্য স্টাইলিশ নোট বক্স সেটিং করতে পারবেন। এর জন্য আপনারা কি করবেন কোথা থেকে যাবেন কোডগুলি কোথা থেকে পাবেন সম্পূর্ণ বিস্তারিত তথ্য একদম বিস্তারিত তথ্য ডিটেলস এর সঙ্গে তোমাদের সাথে আলোচনা করব।

আজকের এই আর্টিকেলটি একটু ইনফরমেটিভ আর্টিকেল হতে চলেছে আপনারা যদি একজন ব্লগার হয়ে থাকেন অবশ্যই কিন্তু আর্টিকেলটি সম্পন্ন করবার চেষ্টা করবেন এবং আর্টিকেলটিতে যে সমস্ত ইনফরমেশন গুলি প্রোভাইড করা হয় সেগুলি যদি আপনাদের কাজে লেগে থাকে কমেন্ট বক্সে কমেন্ট করে জানাবেন।

কিভাবে ব্লগার ওয়েবসাইটে Styles Note বক্স লাগাবেন ?

বন্ধুরা দেখুন বর্তমানে যে পরিমাণে ডিজিটাল মার্কেটিং এর দুনিয়ায় ব্লগার ওয়েবসাইট এর চাহিদা বাড়ছে প্রত্যেকে একটি ওয়েবসাইট তৈরি করছে এবং নিজেরাই সেই ওয়েবসাইটটিকে পরিচালনা করছে অনেকের এসিও ভালো হলে তারা দ্রুত এতে সাফল্য অর্জন করতে পারছে। আবার অনেকে তার ওয়েবসাইটের আর্টিকেল গুলি এত সুন্দর ভাবে গোছালো করে লিখছে যে তাতে দেখতে এতটাই সুন্দর লাগছে যে কোন ভিজিটর সেই আর্টিকেলটি সম্পূর্ণ পরবার চেষ্টা করছে তাতে দেওয়া ইনফরমেশন গুলো সঠিক বা ভুল সেটা বিচার করছে। আজকের আর্টিকেলে আমি আপনাদের জন্য যাবে আপনাদের ব্লগার ওয়েবসাইটের ভিতর Stylish Note Box সেট করবেন তাই নিয়েই আলোচনা করব।

1. প্রথমত আপনাকে যেতে হবে ব্লগার ওয়েবসাইটের ড্যাশবোর্ডে।
2. Theme অপশনটিতে ক্লিক করলেই Customize অপশনটি দেখতে পাবেন।
3.  সেখানে ক্লিক করলেই Advanched অপশনটি পাবেন
4.  এবার একটু স্ক্রল করে নীচে যাবেন Ad CSS ক্লিক করে নিচে দেওয়া কোন দিকে বসিয়ে দেবেন।

Head Phone

HTML

article .note1{position:relative;padding:20px 30px 20px 50px;background-color:#e1f5fe;color:#01579b;font-size:1rem;font-family:var(--font-body);line-height:1.62em;border-radius:2px}
article .note1:before{content:'\2605';position:absolute;left:18px;font-size:20px}
@media screen and (max-width: 640px){
article .note1 {width: calc(100% + 40px);left: -20px;font-size: 1rem;border-radius: 0;}}

এবার আপনি আমাদের নিচের ছবিটার মতো স্টেপ বাই স্টেপ করুন -

চিত্র নং -1

চিত্র নং -2

চিত্র নং-3

 এবার আপনাকে কি করতে হবে CSS কোড যখন আপনি আপনার ব্লগার ওয়েবসাইটের ভেতর বসিয়ে দেবেন তখন আপনাকে আরো একটি কোডের প্রয়োজন পড়বে যেটির মাধ্যমে আপনারা স্পেশাল এরিয়া চিহ্নিত করতে পারবেন সেই কোডটিকে নিচে দেওয়া হল।

<p class="note1">Add your text Here </p>

এই কোড আপনাকে বসিয়ে দিতে হবে নির্দিষ্ট এরিয়ায় যেটাকে আপনি চিহ্নিত করতে চাইছেন।

Go to Link