Cara Mudah Embed Video Youtube ke Blog Secara Responsif Semudah Copy Paste IFRAMELY

kode embed video youtube yang siap di gunakan ke blog secara responsif, tinggal copy paste kan saja kode yang sudah didapat dari hasil generate di

Artikel ini ditulis berdasarkan keresahan admin dalam mencari cara tentang embed video youtube ke blog khususnya menggunakan platform blogger, dimulai ketika admin sedang menulis artikel dan ingin menampilkan video terkait dari youtube ke blog, admin berusaha mencari informasi mengenai cara embed video youtube ke blog secara responsif melalui penelusuran google.

Admin mendapatkan informasi dari google penelusuran tersebut bahwa youtube ternyata sudah menyediakan fitur embed video ke blog menggunakan kode html, admin pun penasaran dan langsung mencoba fitur tersebut dengan mengcopy kode embed dari youtube dan memasangnya diartikel yang telah admin buat.

Berikut penampakan kode embed dari youtube

Lalu setelah admin melakukan cek preview melalui komputer hasilnya sangat baik, ukuran lebar video sesuai dengan lebar tempelate yang admin gunakan, namun setelah admin publish artikel dan melihatnya melalui perangkat smartphone admin melihat ketidak sesuaian ukuran lebar video pada artikel yang membuat tampilan artikel menjadi tidak enak untuk dipandang, dan admin mengambil kesimpulan bahwa kode embed yang disediakan youtube tidaklah responsif dan setelah admin mencari tahu lebih lanjut melalui internet ternyata memang benar jika kode embed tersebut memanglah tidak responsif.

Admin pun melanjutkan petualangan untuk mencari informasi di internet tentang cara embed video youtube secara responsif namun admin malah mendapatkan cara yang kurang simpel alias ribet, yaitu dengan menambahkan beberapa kode kedalam tempelate melalui edit html dan ketika ingin melakukan embed video juga harus melakukan sedikit modifikasi secara manual terhadap kode embed dari youtube untuk di pasang pada artikel.

Mulai dari sini admin memutuskan untuk berhenti melakukan pencarian melalui penulusuran google dan beralih ke grub facebook, setelah beberapa hari mencari referensi dari sana banyak sekali informasi yang lebih baik ketimbang melalui penelusuran google termasuk cara melakukan embed video youtube ke blok secara responsif dan tentu dengan cara yang sangat mudah, semudah copy paste saja.

Admin secara baik hati akan memberikan tips ini gratis untuk pembaca blog nettpeople, cara nya sangat mudah seperti yang sudah admin singgung sebelumnya bahwa semudah copy paste saja, yang harus dipersiapkan adalah membuka editor postingan blogger pada opsi html dan tentukan letak video youtube yang akan di embed, contoh gambar seperti dibawah ini

langkah selanjutnya ialah mengkopi url video youtube, ingat ! url bukan kode embed ya, kamu bisa mendapatkannya pada bar alamat dibagian atas browser atau jika kamu menggunakan aplikasi youtube pada ponsel android kamu bisa mendapatkan link video dari menu share - copy link. Lebih jelasnya lihat gambar ini

Bagian yang telah admin lingkari dengan warna merah merupakan url dari video yang akan admin coba embed pada tutorial kali ini.

Setelah kamu berhasil mengcopy url videonya jangan langsung kamu pastekan ke mode html blogger, kita akan beralih ke situs Iframely terlebih dahulu untuk meng generate kode embed yang sudah di copy tadi agar menjadi responsif.

Buka situs Iframely, ada dua pilihan menu sign up dan just get a code, jika kamu hanya ingin mendapatkan kode responsif saja tanpa mendaftar kamu tinggal pilih menu just get a code.

Setelah halaman terbuka akan muncul kolom untuk menaruh atau mempaste url video youtube yang telah kamu copy tadi, pastekan saja dan klik Chek It

Tunggu beberapa saat, gak lebih dari 1 menit kok cuma dalam hitungan detik saja tergantung koneksi internet kamu akan langsung muncul preview video youtube yang tadi kamu copy url nya dan kode embed beserta customisasi ringan untuk mengatur agar video tidak terload secara otomatis agar tidak memperberat kinerja blog kamu dan juga mengatur waktu video yang akan kamu tampilkan misal video yang kamu embed berdurasi 5 menit dan yang kamu tampilkan hanya 2 menit terakhir.

Sampai disini kamu sudah mendapatkan kode embed video youtube yang siap di gunakan ke blog secara responsif, tinggal copy paste kan saja kode yang sudah didapat dari hasil generate di situs Iframely ke mode html pada blogger. berikut adalah contoh video yang saya embed dari youtube ke blog pada beberapa mode tampilan

Contoh Tampilan Embed Video Youtube Ke Blogger Menggunakan Situs Iframely

1. MODE FULL SCRENN

2. MODE PONSEL

3. MODE TABLET

4. MODE DEKSTOP

PENUTUP

Saya kira teman-teman semua sudah paham tentang cara embed video youtube ke blog agar responsif tanpa utak-atik kode tempelate dan pemasangannya pun semudah copy paste saja sehingga tidak menyita banyak waktu dan kita bisa lebih fokus dalam membuat artikel apabila teman-teman semua masih bingung tentang step by step nya teman-teman bisa bertanya melalui kolom komentar dan bisa kita diskusikan bersama.