#eTubeGuideBangla : ব্লগার ওয়েবসাইটে কিভাবে একটি স্টাইল কালার পোস্ট লিখবেন

» #eTubeGuideBangla ভিডিও বিবরণ : #eTubeGuideBangla : How To Write a Style Color Post on Blogger Website

ব্লগার (Blogger) ওয়েবসাইটে স্টাইল করা কালারফুল পোস্ট লিখতে হলে HTML এবং CSS কোড ব্যবহার করতে হবে। এই ধাপগুলোর মাধ্যমে আপনি সহজেই আপনার পোস্টে টেক্সট এবং ব্যাকগ্রাউন্ড স্টাইল করতে পারেন:

---

ধাপ ১: ব্লগারে পোস্ট তৈরি করুন

1. ব্লগারের ড্যাশবোর্ডে যান এবং Posts থেকে New Post ক্লিক করুন।
2. পোস্টের জন্য একটি শিরোনাম দিন।

---

ধাপ ২: HTML মোড ব্যবহার করুন

1. পোস্ট লেখার সময় Compose মোডের পরিবর্তে HTML মোডে যান।
2. HTML মোডে আপনি টেক্সট এবং স্টাইল কোড লিখতে পারবেন।

---

ধাপ ৩: স্টাইল কোড যুক্ত করুন

HTML এবং CSS ব্যবহার করে আপনার টেক্সট এবং ব্যাকগ্রাউন্ডের রং পরিবর্তন করতে পারেন। নিচে উদাহরণ দেওয়া হল:

রঙিন টেক্সট যুক্ত করতে:

html
<p style="color: red; font-size: 20px;">এই টেক্সটটি লাল রঙের!</p>
<p style="color: blue; font-size: 18px;">এই টেক্সটটি নীল রঙের!</p>
<p style="color: green; font-size: 16px; font-weight: bold;">এই টেক্সটটি সবুজ রঙের এবং বোল্ড!</p>

ব্যাকগ্রাউন্ড কালার যুক্ত করতে:

html
<div style="background-color: yellow; padding: 10px; border-radius: 5px;">
    <p style="color: black; font-size: 18px;">এই অংশটির ব্যাকগ্রাউন্ড হলুদ রঙের!</p>
</div>
<div style="background-color: lightblue; padding: 10px; border-radius: 5px;">
    <p style="color: darkblue; font-size: 18px;">এই অংশটির ব্যাকগ্রাউন্ড হালকা নীল রঙের!</p>
</div>

মাল্টিকালার টেক্সট তৈরি করতে:

html
<p>
    <span style="color: red;">লাল</span> 
    <span style="color: green;">সবুজ</span> 
    <span style="color: blue;">নীল</span> 
    <span style="color: orange;">কমলা</span>
</p>

বর্ডার এবং শেডো যুক্ত করতে:

html
<div style="border: 2px solid black; box-shadow: 5px 5px 10px gray; padding: 10px;">
    <p style="color: purple; font-size: 18px;">এই অংশে বর্ডার এবং শেডো যোগ করা হয়েছে!</p>
</div>

---

ধাপ ৪: পোস্ট সেভ এবং প্রিভিউ করুন

1. HTML কোড লেখার পর Compose মোডে ফিরে গিয়ে কনটেন্ট দেখুন।
2. সব ঠিক থাকলে Publish ক্লিক করে পোস্টটি পাবলিশ করুন।

---

বোনাস টিপস:

• টেক্সট স্টাইল করতে আরো CSS প্রোপার্টি ব্যবহার করতে পারেন, যেমন:
  • Font Style: font-family: Arial, sans-serif;
  • Text Alignment: text-align: center;
  • Line Height: line-height: 1.5;
• Mobile-Friendly ডিজাইন: CSS-এ রেস্পন্সিভ কোড ব্যবহার করুন যাতে আপনার পোস্ট মোবাইলেও সুন্দর দেখায়।

---

উদাহরণ:

html
<div style="background-color: #f0f8ff; padding: 20px; border-radius: 10px; text-align: center;">
    <h2 style="color: #ff4500; font-family: 'Arial', sans-serif;">স্টাইল করা পোস্ট উদাহরণ</h2>
    <p style="color: #2e8b57; font-size: 18px;">এই টেক্সটটি একটি রঙিন এবং স্টাইল করা অংশ!</p>
</div>

---

এভাবে, আপনি আপনার ব্লগার পোস্টকে আরও আকর্ষণীয় এবং রঙিন করে তুলতে পারবেন।

» #eTubeGuideBangla ভিডিও #হ্যাশট্যাগ :

#Blogger #WebsiteDesign #ColorStyle #PostStyle #BloggerCustomization #WebDesign #ContentCreation #ContentStrategy #BloggerTips #WebDevelopment #PostWriting #SEO #WebsiteOptimization #ContentOptimization #BloggerHelp #OnlineIncome #AdRevenue #BloggerContent #DigitalMarketing #WebsiteGrowth #Monetization #ContentDistribution #WebContent #BloggerCustomizationTips #AdDisplay #SEOForBlogger #PostFormatting #ContentWriting #DigitalPlatform #ContentMarketing #WebsitePerformance #BloggerDesign #WebCustomization #PostContent #BloggerContentStrategy #ColorTheme #WebTools #PostStyleTips #ContentGeneration #BloggerThemes #WebsiteCustomization #OnlineBusiness #AdMarketing #WebsiteSupport #BloggerDesignTips #ContentPlanning #AdRevenueGeneration #WebsiteEnhancement #WebToolsHelp #ContentSEO #WebsiteIncome

Video Tutorial Here.................