#eTubeGuideBangla : ইউটিউব চ্যানেল আরএসএস ফিড উইজেটগুলির জন্য ব্লগার ওয়েবসাইট কাস্টমাইজ করার উপায়

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

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

১. ইউটিউব চ্যানেল আরএসএস ফিড তৈরি করুন

প্রথমে আপনার ইউটিউব চ্যানেলের আরএসএস ফিড তৈরি করুন। ইউটিউব চ্যানেল আরএসএস ফিড এর লিঙ্ক তৈরি করতে নিচের ধাপগুলো অনুসরণ করুন:

1. আপনার ইউটিউব চ্যানেলের লিঙ্ক নিন (যেমন: https://www.youtube.com/channel/UCxxxxxxxxxx).
2. আরএসএস ফিড লিঙ্ক তৈরি করুন। ফরম্যাট হবে:

   arduino
   https://www.youtube.com/feeds/videos.xml?channel_id=UCxxxxxxxxxx
   

   যেখানে UCxxxxxxxxxx হল আপনার চ্যানেলের আইডি। এই লিঙ্কটি আপনার ইউটিউব চ্যানেলের ভিডিও ফিড হবে।

---

২. ব্লগার ওয়েবসাইটে উইজেট যোগ করুন

স্টেপ ১: ব্লগার ড্যাশবোর্ডে লগ ইন করুন

• আপনার ব্লগস্পট অ্যাকাউন্টে লগ ইন করুন এবং ব্লগের ড্যাশবোর্ডে যান।

স্টেপ ২: উইজেট সেটিংস পেজে যান

• ড্যাশবোর্ড থেকে Theme (থিম) অপশন সিলেক্ট করুন।
• এরপর, Customize (কাস্টমাইজ) এ ক্লিক করুন এবং তারপর Add a Gadget (গ্যাজেট যোগ করুন) অপশনে ক্লিক করুন।

স্টেপ ৩: HTML/JavaScript গ্যাজেট যোগ করুন

• গ্যাজেটের মধ্যে HTML/JavaScript নির্বাচন করুন।
• এরপর, নিচের HTML কোডটি পেস্ট করুন:

html
<div id="youtube-rss">
  <h3>Latest Videos</h3>
  <ul id="rss-feeds"></ul>
</div>

<script>
  var rssUrl = "https://www.youtube.com/feeds/videos.xml?channel_id=UCxxxxxxxxxx"; // ইউটিউব চ্যানেল আরএসএস ফিড লিঙ্ক এখানে বসান

  fetch(rssUrl)
    .then(response => response.text())
    .then(str => {
      const parser = new DOMParser();
      const xml = parser.parseFromString(str, "text/xml");
      const entries = xml.querySelectorAll("entry");
      const rssList = document.getElementById('rss-feeds');
      entries.forEach(entry => {
        const title = entry.querySelector("title").textContent;
        const link = entry.querySelector("link").getAttribute("href");
        const li = document.createElement('li');
        li.innerHTML = `<a href="${link}" target="_blank">${title}</a>`;
        rssList.appendChild(li);
      });
    })
    .catch(err => console.error("Error fetching RSS feed", err));
</script>

স্টেপ ৪: লিঙ্কটি পরিবর্তন করুন

• কোডের মধ্যে https://www.youtube.com/feeds/videos.xml?channel_id=UCxxxxxxxxxx এই অংশে আপনার ইউটিউব চ্যানেলের আরএসএস ফিড লিঙ্কটি বসান। এটি আগের ধাপে তৈরি করা ফিড লিঙ্ক হবে।

স্টেপ ৫: সেভ করুন

• তারপর Save (সেভ) বাটনে ক্লিক করুন।

---

৩. ব্লগে ইউটিউব ভিডিও ফিড প্রদর্শন

এখন আপনার ব্লগে যে গ্যাজেটটি যোগ করেছেন, তা আপনার ব্লগের সাইডবারে বা যেখানে আপনি চান সেখানে ইউটিউব চ্যানেলের সর্বশেষ ভিডিওগুলির একটি তালিকা দেখাবে।

ফলস্বরূপ, আপনার ব্লগে ইউটিউব চ্যানেলের ভিডিওগুলি আরএসএস ফিডের মাধ্যমে স্বয়ংক্রিয়ভাবে আপডেট হয়ে যাবে, যা দর্শকদের জন্য এক্সপ্লোর করতে সহজ হবে।

---

৪. কাস্টমাইজেশন (ঐচ্ছিক)

• স্টাইলিং: আপনি CSS দিয়ে ফিডের ডিজাইন কাস্টমাইজ করতে পারেন, যেমন টেক্সট কালার, ব্যাকগ্রাউন্ড কালার, এবং লিঙ্ক স্টাইল।
• বিভিন্ন ফিড তৈরি: আপনি একাধিক ইউটিউব চ্যানেলের ফিডও যোগ করতে পারেন, তবে তা আলাদা আলাদা গ্যাজেট হিসেবে সেট করতে হবে।

এভাবে, আপনি ব্লগস্পট ওয়েবসাইটে ইউটিউব চ্যানেল আরএসএস ফিড উইজেট সফলভাবে কাস্টমাইজ করতে পারবেন।

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

HashTags 

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