31 May 2017

Cara Mudah Embed Video YouTube Responsive di Blog | Tukang ketik

Embed video YouTube di Blog. Apa yang dimaksud dengan video YouTube Responsive? Video yang ketika dimasukkan ke dalam blog, ukurannya sesuai dengan lebar tema blog.

Loh, bukannya semua video di YouTube pas kita masukkan di blog ukurannya sudah sesuai ya? Jawabannya "belum tentu". Salah satu faktor yang mempengaruhi adalah template blog.
Ada beberapa template blog yang support langsung untuk video YouTube yang responsive dan ada pula yang perlu tambahan kode khusus untuk menjadi video tersebut sesuai dengan ukuran tema blog.

Contoh video YouTube responsive itu seperti di bawah ini :D

Nah itu adalah salah satu contoh video YouTube responsive yang diupload atau diembed atau dimasukkan ke dalam blog, lebarnya bisa menyesuaikan dengan tema.

Cara embed video YouTube responsive di blog

Sebelum memasukkan video YouTube ke dalam blog, coba simak poin penting di bawah ini;
  • Platform; Blogger
  • Template blog; Simplify Responsive Blogger Template by Arlina
  • Video YouTube; milik sendiri

Buka blog dan tulis postingan baru. Kemudian masukkan video di menu Insert Video.
Sekarang tinggal pilih, kamu mau embed video dari channel kamu sendiri, dari channel orang lain atau video dari komputer.
Jika sudah, langsung saja klik menu Pilih untuk memasukkan video ke dalam blog. Sampai di sini proses belum selesai :D

Bisa dilihat, video yang saya masukkan ke postingan blog ukurannya belum responsive, sisi kanan dan kiri masih banyak yang kosong



Sekarang masuk ke mode HTML dan cari link kode video YouTube yang ada tulisan embed nya. Lihat gambar di bawah.
Sekarang lihat kode di bawah ini.
<div class="videoyoutube">
<div class="video-responsive">
<div class="video-youtube loader" data-src="//www.youtube.com/embed/xwKif_4iOFk">
</div>
</div>
</div>
Paste kode video YouTube yang diembed tadi ke link yang saya beri highlight warna biru. Secara otomatis, video YouTube kalian jadi responsife.

Mohon maaf apabila kode dan tutorial ini tidak bekerja pada blog anda. Mungkin ada beberapa langkah yang terlewat dan tema blog yang dipakai juga beda.

Tapi kalau kamu pakai tema blog yang sama, pasti akan berhasil. Buktinya saya sudah bisa meng-embed video YouTube responsife di blog ini. Semoga bermanfaat.

Artikel Terkait

Assalamu'alaikum Wr. Wb
Mohon maaf yak komentarnya dimoderasi ^_^ bukan bermaksud tidak percaya, atau menganggap spam komentar yang masuk ^_^

Komentar yang masuk akan segera kami publikasikan :D

Tidak usah ragu-ragu setelah meninggalkan komentar, tukang ketik tahu harus bagaimana [siap-siap meluncur ke blog sampeyan ^_^]
EmoticonEmoticon