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

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

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

ধাপ 1: ব্লগস্পট সাইটে ইউটিউব ভিডিও এম্বেড করা

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

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

2. নতুন পোস্ট তৈরি করুন:

   • ব্লগস্পট ড্যাশবোর্ডে গিয়ে, New Post অপশনে ক্লিক করুন।

3. ইউটিউব ভিডিও এম্বেড কোড ব্যবহার করুন:

   • ইউটিউব ভিডিও এম্বেড করতে, প্রথমে ইউটিউব ভিডিওটি খুলুন।
   • ভিডিওটির নিচে Share বাটনে ক্লিক করুন এবং তারপর Embed অপশনটি সিলেক্ট করুন।
   • এম্বেড কোড কপি করুন।

4. কোড ব্লক পেস্ট করুন:

   • ব্লগস্পট পোস্ট লেখার পৃষ্ঠায়, HTML ট্যাবটি সিলেক্ট করুন।
   • তারপর কপি করা এম্বেড কোড পেস্ট করুন যেখানে ভিডিওটি আপনি প্রদর্শন করতে চান।

5. পোস্ট পублиশ করুন:

   • আপনার ভিডিও যুক্ত পোস্টটি পছন্দমতো শিরোনাম, কনটেন্ট সহ সম্পূর্ণ করার পর, Publish বাটনে ক্লিক করুন।

---

ধাপ 2: স্ক্রোল ইন্টারফেস তৈরি করা (CSS কোড)

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

1. CSS কোড যোগ করুন:

   • ব্লগস্পট ড্যাশবোর্ডে যান এবং Theme > Customize > Advanced > Add CSS তে ক্লিক করুন।

2. CSS কোড পেস্ট করুন:

   • এখানে নিচের কোডটি পেস্ট করুন, যা ভিডিও ব্লককে স্ক্রলযোগ্য করবে।

   css
   .video-container {
       overflow-x: scroll;
       white-space: nowrap;
   }
   
   .video-container iframe {
       display: inline-block;
       width: 300px; /* Adjust the width as needed */
       height: 200px; /* Adjust the height as needed */
       margin-right: 10px;
   }
   

3. কাস্টম ক্লাসে ভিডিও এম্বেড করুন:

   • ব্লগস্পট পোস্টে ফিরে গিয়ে, আপনি এম্বেড কোডটি নিচের মতো কাস্টম ক্লাসে রাখুন।

   html
   <div class="video-container">
       <iframe width="300" height="200" src="https://www.youtube.com/embed/YOUR_VIDEO_ID" frameborder="0" allowfullscreen></iframe>
       <iframe width="300" height="200" src="https://www.youtube.com/embed/YOUR_VIDEO_ID" frameborder="0" allowfullscreen></iframe>
       <!-- Add more iframes as needed -->
   </div>
   

   এটি আপনার ভিডিওগুলোকে একটি স্ক্রোলেবল সেকশনে প্রদর্শন করবে।

---

ধাপ 3: ওয়েবসাইটের স্ক্রোল ইন্টারফেস কাস্টমাইজ করা

• আপনি যদি বিভিন্ন ধরনের ভিডিও প্রদর্শন করতে চান, তবে এই স্ক্রোল ইন্টারফেসটি আপনার ব্লগস্পট সাইটের জন্য উপযুক্ত হবে।
• আপনি ভিডিও আকার (width ও height) এবং স্পেসিং (margin-right) কাস্টমাইজ করতে পারেন, যাতে আপনার ব্লগ ডিজাইন অনুযায়ী ভিডিওগুলো সুন্দরভাবে স্ক্রোল হয়।

---

উপসংহার

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

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

HashTags