Cara Setting Blogger Template BioLink Noir

Widget Live Streaming

---

Dashboard ⟩ Tata Letak

Sekarang perhatikan 2 Widget Live Streaming ini, ada 2 unit widget disini

Live Streaming Iframe

Live Streaming Default

Kamu hanya bisa memilih salah satu di antara ke dua widget tersebut untuk ditampilkan

Apa perbedaan ke dua Widget tersebut?

Live Streaming Iframe: Mengambil Video ID dari URL Video/Live Streaming YouTube.

Live Streaming Default: adalah dimana widget hanya menampilkan Gambar atau Thumbnail yang bisa kamu sesuaikan, bisanya digunakan untuk pra-streaming.

Cara Menonaktifkan widget

klik ikon pencil pada sudut widget yang ingin kamu nonaktifkan, lalu switch ON untuk menampilkan, dan switch OFF untuk menonaktifkan lalu Simpan/Save, widget yang dinonaktifkan akan menampilkan ikon mata tertutup di sudut kiri widget.

Ganti Thumbnail, judul dan Link Channel pada widget Live Streaming

<!-- Video Player -->
    <div class="video-area">
      <img src="https://picsum.photos/400/215" alt="Live Stream Thumbnail" />
    </div>

    <!-- Stream Info -->
    <div class="stream-info">
      <h3 class="stream-title">
        LIVE: Streaming Siang Ini! 🔥 | Gamedev & Coding Session
      </h3>
      <div class="viewer-count">12.4K penonton sedang menonton</div>
      <button class="subscribe-btn" onclick="window.open('https://youtube.com/@contohchannel', '_blank')">
        Langganan
      </button>
    </div>
  </div>
  

Ganti https://youtube.com/@contohchannel dengan URL channel YouTube nyatamu

Contoh: https://youtube.com/@johndoe,
https://youtube.com/@muzikindonesia

Untuk tampilan real YouTube stream, ganti img di .video-area dengan iframe:

---

Menggunakan Iframe pada widget Live Streaming

<iframe
  width="100%"
  height="215"
src="https://www.youtube.com/embed/VIDEO_ID?autoplay=0&loop=1&controls=0&mute=1"
  title="YouTube video player"
  frameborder="0"
  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
  allowfullscreen>
</iframe>