Cara Mudah Embed Video YouTube ke Postingan Blogger

Cara Mudah Embed Video YouTube ke Postingan Blogger Anda

Menyematkan (embed) video YouTube ke dalam postingan Blogger Anda adalah cara yang bagus untuk membuat konten Anda lebih menarik, informatif, dan interaktif. Anda dapat dengan mudah menampilkan video langsung di dalam artikel Anda tanpa mengharuskan pembaca untuk meninggalkan halaman blog Anda. Berikut adalah langkah-langkah lengkapnya:

Langkah 1: Temukan Video YouTube yang Ingin Anda Embed

1. Buka situs web YouTube (https://www.youtube.com/) dan cari video yang ingin Anda sertakan dalam postingan Blogger Anda.
2. Setelah menemukan video yang tepat, buka halaman video tersebut.

Langkah 2: Dapatkan Kode Embed Video

Ada dua cara utama untuk mendapatkan kode embed video dari YouTube:

Cara 1: Menggunakan Tombol "Bagikan" di Bawah Video

1. Di bawah video YouTube, Anda akan melihat beberapa tombol seperti "Sukai", "Tidak Sukai", "Bagikan", dan "Simpan". Klik tombol Bagikan.
2. Setelah mengklik "Bagikan", akan muncul beberapa opsi berbagi. Pilih opsi Sematkan (ikonnya biasanya berupa tanda <>).
3. Anda akan melihat cuplikan video dan kode HTML yang disebut "kode semat". Kode ini dimulai dengan <iframe> dan berakhir dengan </iframe>.
4. Anda dapat menyesuaikan opsi semat di atas kode, seperti:
   • Ukuran Video: Pilih ukuran yang sudah disediakan atau masukkan ukuran khusus (lebar dan tinggi).
   • Tampilkan kontrol pemain: Aktifkan atau nonaktifkan kontrol pemutar video (putar, jeda, volume, dll.).
   • Mulai pada: Jika Anda ingin video mulai diputar pada waktu tertentu, centang kotak ini dan masukkan waktu (dalam format menit:detik atau detik).
   • Aktifkan mode privasi yang disempurnakan: Ini dapat meningkatkan privasi pengunjung blog Anda.
5. Setelah menyesuaikan opsi sesuai keinginan Anda, salin seluruh kode embed yang ditampilkan. Anda bisa mengklik tombol "SALIN" yang biasanya terletak di sudut kanan bawah kotak kode.

Cara 2: Menggunakan Menu Klik Kanan pada Video

1. Arahkan kursor mouse Anda ke atas video YouTube yang ingin Anda embed.
2. Klik kanan pada video tersebut.
3. Dari menu konteks yang muncul, pilih opsi Salin kode semat.
4. Kode embed video akan secara otomatis disalin ke clipboard Anda.

Langkah 3: Sisipkan Kode Embed ke Postingan Blogger Anda

1. Buka dasbor Blogger Anda (https://www.blogger.com/) dan buka postingan tempat Anda ingin menyisipkan video (buat postingan baru atau edit postingan yang sudah ada).
2. Di editor postingan Blogger, Anda perlu beralih ke Mode HTML. Biasanya, ada dua tab di sudut kiri atas area penulisan konten: Compose (Tulis) dan HTML. Klik tab HTML.
3. Di dalam area HTML, temukan posisi di mana Anda ingin video YouTube Anda muncul. Anda dapat menggunakan tag-tag HTML yang ada sebagai panduan.
4. Tempelkan kode embed yang telah Anda salin dari YouTube ke posisi yang Anda inginkan di dalam kode HTML.
5. Setelah menempelkan kode, Anda dapat kembali ke Mode Compose (Tulis) untuk melihat pratinjau video yang telah Anda sematkan. Video akan muncul sebagai kotak abu-abu di editor Compose.

Langkah 4: Atur Ukuran dan Posisi Video (Jika Perlu)

Meskipun Anda dapat mengatur ukuran video di YouTube sebelum menyalin kode embed, Anda juga dapat menyesuaikannya langsung di kode HTML jika diperlukan. Cari atribut width (lebar) dan height (tinggi) dalam tag <iframe> dan ubah nilainya sesuai keinginan Anda. Pastikan untuk mempertahankan rasio aspek video agar tidak terdistorsi.

<iframe width="560" height="315" src="https://www.youtube.com/embed/ID_VIDEO_ANDA" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Anda dapat mengubah nilai width="560" dan height="315" sesuai kebutuhan tata letak blog Anda.

Langkah 5: Publikasikan atau Perbarui Postingan Anda

1. Setelah Anda puas dengan posisi dan ukuran video, klik tombol Publikasikan (jika ini adalah postingan baru) atau Perbarui (jika Anda mengedit postingan yang sudah ada) di sudut kanan atas editor Blogger.
2. Video YouTube sekarang akan tersemat dan dapat ditonton langsung di dalam postingan blog Anda oleh pengunjung.

Tips Tambahan:

• Responsif: Untuk memastikan video Anda terlihat baik di berbagai perangkat (desktop, tablet, ponsel), Anda mungkin perlu menggunakan CSS untuk membuat iframe responsif. Salah satu caranya adalah dengan membungkus kode iframe dalam elemen <div class="video-container"> dan menambahkan CSS berikut:

  <div class="video-container">
      <iframe width="560" height="315" src="https://www.youtube.com/embed/ID_VIDEO_ANDA" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  </div>
  
  <style>
  .video-container {
      position: relative;
      padding-bottom: 56.25%; /* Rasio aspek 16:9 (paling umum) */
      height: 0;
      overflow: hidden;
  }
  .video-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  </style>

  Ganti kode iframe di atas dengan kode embed dari YouTube.

• Perhatikan Tata Letak: Pastikan ukuran video yang Anda embed sesuai dengan lebar kolom konten blog Anda agar tidak terlihat terlalu besar atau terlalu kecil.
• Uji Coba: Setelah memublikasikan, selalu periksa tampilan video di blog Anda untuk memastikan semuanya berfungsi dengan baik.

Dengan mengikuti tutorial ini, Anda dapat dengan mudah menyematkan video YouTube yang relevan dan menarik ke dalam postingan Blogger Anda, meningkatkan kualitas konten dan keterlibatan pembaca. Selamat mencoba!