Agar aap Blogger me ek YouTube Playlist Widget add karna chahte hain jo responsive ho aur aap apne YouTube videos bhi usme add kar sakein, to aap neeche diya gaya code use kar sakte hain.
🎯 Features of This Widget:
✅ Blogger ke sidebar ya post me fit baithega
✅ Responsive aur mobile-friendly hoga
✅ Apne YouTube channel ki playlist ya individual videos add kar sakte hain
✅ Auto-play aur customized design
📌 Steps to Add in Blogger:
1️⃣ Blogger Dashboard me jaakar Layout > Add a Gadget > HTML/JavaScript select karein.
2️⃣ Neeche diya gaya code wahan paste karein.
3️⃣ "YOUR_PLAYLIST_ID" aur "YOUR_VIDEO_ID" ko apne YouTube ke Playlist ya Video ID se replace karein.
4️⃣ Save karein aur Blogger site check karein.
🎥 YouTube Playlist Widget Code:
<div class="yt-playlist-widget">
<iframe id="ytPlayer" width="100%" height="250"
src="https://www.youtube.com/embed/videoseries?list=YOUR_PLAYLIST_ID"
frameborder="0" allowfullscreen>
</iframe>
</div>
<style>
.yt-playlist-widget {
width: 100%;
max-width: 350px; /* Adjust width as per your layout */
margin: auto;
text-align: center;
}
iframe {
border-radius: 10px;
}
</style>
🔹 Replace "YOUR_PLAYLIST_ID" with your YouTube Playlist ID.
- Example:
PLBCF2DAC6FFB574DE
🎥 Add Your Own Video Instead of Playlist:
Agar aap ek specific video embed karna chahte hain, to is code ko use karein:
<div class="yt-video-widget">
<iframe width="100%" height="250"
src="https://www.youtube.com/embed/YOUR_VIDEO_ID"
frameborder="0" allowfullscreen>
</iframe>
</div>
<style>
.yt-video-widget {
width: 100%;
max-width: 350px;
margin: auto;
text-align: center;
}
iframe {
border-radius: 10px;
}
</style>
🔹 Replace "YOUR_VIDEO_ID" with your YouTube video ID.
- Example:
dQw4w9WgXcQ
✔ Final Output:
🔹 Agar aap Playlist embed karenge to sare videos ek sath scroll hone lagenge.
🔹 Agar aap Single Video embed karenge to sirf ek video dikhega.
Agar aap aur customization chahte hain jaise autoplay, thumbnail design, ya hover effects, to batao!