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

» #eTubeGuideBangla ভিডিও বিবরণ :

ব্লগস্পট (ব্লগার) ওয়েবসাইটে ফিচারড পোস্ট যোগ করার জন্য নিচের ধাপগুলো অনুসরণ করুন। এটি আপনার সাইটে গুরুত্বপূর্ণ বা জনপ্রিয় পোস্টগুলো হাইলাইট করতে সাহায্য করবে, যাতে দর্শকরা সেগুলি সহজেই দেখতে পারে। ফিচারড পোস্টের জন্য আপনি দুটি প্রধান পদ্ধতি ব্যবহার করতে পারেন: উইজেটের মাধ্যমে বা কাস্টম HTML দিয়ে।

পদ্ধতি ১: ব্লগস্পট সাইটে ফিচারড পোস্ট উইজেট ব্যবহার করে যোগ করা

ব্লগস্পট ড্যাশবোর্ডে লগইন করুন:
- প্রথমে ব্লগস্পট ড্যাশবোর্ডে গিয়ে আপনার ব্লগ সাইট সিলেক্ট করুন।
লেআউট পেজে যান:
- ড্যাশবোর্ডে Layout অপশনে ক্লিক করুন।
- এখানে আপনি সাইটের লেআউট দেখবেন, যেখানে বিভিন্ন উইজেট সেকশন থাকবে।
ফিচারড পোস্ট উইজেট যোগ করা:
- Add a Gadget অপশনটি খুঁজে ক্লিক করুন, এটি সাধারণত সাইডবার বা হেডারে থাকে।
- উইজেটের তালিকা থেকে Featured Posts অথবা Popular Posts উইজেটটি সিলেক্ট করুন।
- এই উইজেটটি ফিচারড পোস্ট হিসেবে কাজ করবে এবং এটি আপনার নির্বাচিত পোস্টগুলো হাইলাইট করবে।
ফিচারড পোস্ট উইজেট কনফিগার করুন:
- উইজেটটি সিলেক্ট করার পর, আপনি এতে কিছু সেটিংস কনফিগার করতে পারবেন। যেমন:
  - কতগুলো পোস্ট প্রদর্শন করবেন
  - পোস্টের শিরোনাম বা থাম্বনেল ছবিসহ প্রদর্শন
- তারপর Save বাটনে ক্লিক করুন।
ফিচারড পোস্ট সেকশনে পরিবর্তন আনুন:
- আপনি যদি চান, সাইডবার বা হেডারে ফিচারড পোস্ট সেকশনটি কাস্টমাইজ করতে পারেন। উইজেটের সীমানা এবং ডিজাইন পরিবর্তন করতে Custom HTML/CSS ব্যবহার করতে হবে।

পদ্ধতি ২: কাস্টম HTML এবং CSS কোড দিয়ে ফিচারড পোস্ট যোগ করা

এই পদ্ধতিতে আপনি সাইটে ফিচারড পোস্টের জন্য কাস্টম কোড ব্যবহার করবেন।

ব্লগস্পট পোস্ট তৈরি বা সিলেক্ট করুন:
- প্রথমে ব্লগস্পট ড্যাশবোর্ডে গিয়ে আপনার যে পোস্টগুলো ফিচার করতে চান, সেগুলি সিলেক্ট করুন। যেকোনো পোস্টে একটি ছবি এবং সামারি (description) যুক্ত করতে পারেন, যাতে দর্শকরা পোস্টটি সম্পর্কে একটি ধারণা পায়।
কাস্টম HTML কোড তৈরি করুন:
- সাইটের লেআউট থেকে Add a Gadget এ গিয়ে HTML/JavaScript উইজেট সিলেক্ট করুন।
- উইজেটে নিম্নলিখিত কোডটি পেস্ট করুন (এটি পোস্টের শিরোনাম, ছবি, এবং লিঙ্ক যুক্ত করবে):
```
html
<div class="featured-post">
    <a href="URL_OF_YOUR_POST">
        <img src="URL_OF_YOUR_IMAGE" alt="Post Thumbnail" style="width:100%;height:auto;">
        <h3>Post Title</h3>
        <p>A brief description or summary of the post.</p>
    </a>
</div>
```
বিঃদ্রঃ এখানে URL_OF_YOUR_POST এবং URL_OF_YOUR_IMAGE যথাক্রমে আপনার পোস্ট এবং ছবির URL দিয়ে প্রতিস্থাপন করুন। Post Title এবং A brief description or summary of the post এর জায়গায় আপনার পোস্টের শিরোনাম এবং সংক্ষিপ্ত বর্ণনা লিখুন।

CSS দিয়ে স্টাইলিং করুন:

আপনি চাইলে CSS দিয়ে ফিচারড পোস্টের ডিজাইন কাস্টমাইজ করতে পারেন। যেমন, পোস্টের ছবির সাইজ, বর্ডার, এবং টেক্সটের স্টাইল পরিবর্তন করা।

উদাহরণ CSS:

css
.featured-post {
    margin-bottom: 20px;
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 5px;
}

.featured-post img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
}

.featured-post h3 {
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
}

.featured-post p {
    font-size: 14px;
    color: #555;
}

ফিচারড পোস্ট সেকশন প্রদর্শন করুন:
- আপনার কাস্টম HTML কোড সেভ করার পর, সাইটে গিয়ে দেখুন যে ফিচারড পোস্ট সঠিকভাবে প্রদর্শিত হচ্ছে কিনা।
- আপনি যদি একাধিক ফিচারড পোস্ট যুক্ত করতে চান, তবে একই কোডটি আরও পোস্টের জন্য কপি করে পেস্ট করুন।

পদ্ধতি ৩: ব্লগস্পট টেমপ্লেটে ফিচারড পোস্ট যোগ করা (Advanced)

আপনি চাইলে ব্লগস্পট টেমপ্লেটের মধ্যে কোডিং করতে পারেন, যাতে ফিচারড পোস্টের জন্য একটি ডেডিকেটেড সেকশন থাকবে। এই পদ্ধতিতে আপনাকে টেমপ্লেটের HTML কোডের মধ্যে পরিবর্তন করতে হবে। এটি একটু উন্নত পদ্ধতি এবং যদি আপনি HTML/CSS এর সাথে পরিচিত হন, তবে এটি আপনার জন্য উপকারী হতে পারে।

উপসংহার

ফিচারড পোস্ট যোগ করার মাধ্যমে আপনার ব্লগস্পট ওয়েবসাইটে গুরুত্বপূর্ণ এবং জনপ্রিয় পোস্টগুলোকে সহজেই হাইলাইট করা যায়, যা দর্শকদের আকৃষ্ট করতে সহায়তা করবে। আপনি উইজেট ব্যবহার করে সহজে এই কাজটি করতে পারেন অথবা কাস্টম HTML ও CSS ব্যবহার করে এটি আরও কাস্টমাইজ করতে পারেন।

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

HashTags