Cara Menggunakan Iframe di Blog Atau Website

Table of Contents

Pada artikel kali ini, saya akan membahas mengenai iframe dan cara menggunakannya. Langsung saja mari simak ulasannya di bawah ini.

Apa Itu Iframe?

Iframe atau disebut juga Inline Frame merupakan sebuah komponen dari file HTML yang memungkinkan Anda menyematkan video, dokumen dan file lainnya kedalam suatu website atau blog.

Proses penyematkan file dengan teknik ini disebut juga sebagai embed iframe pada sebuah file HTML. Penggunaan Iframe ditandai dengan adanya tag <iframe>.

Keuntungan menggunakan iframe

Dengan menggunakan iframe, Anda bisa dengan mudah mengunggah file yang Anda butuhkan ketika membuat artikel di blog atau website.

Lantas, apa keuntungan dengan menggunakan iframe pada blog atau website.

1. Menghindari pelanggaran Hak Cipta
2. Menghemat penyimpanan media

Cara menggunakan Iframe

Elemen ini mempertegas topik tertentu yang Anda ingin sampaikan ke pembaca. Untuk memasukan elemen iframe ke dokumen HTML, gunakan tag <iframe>. Kemudian simpan file dalam format .html.

Berikut adalah contoh kode iframe video:

<iframe src="https://www.youtube.com/embed/dXBohfxcxx" width="680" height="480" allowfullscreen></iframe>

Kode link embed bisa Anda ganti dengan link video sesuai keinginan.

Berikut penjelasan setiap tag yang ada pada kode diatas.

• Tag <iframe>...</iframe> digunakan untuk menyertakan video kedalam iframe
• Source iframe link asal konten yang yang datang baik dari server eksternal atau internal
• Width dan Height merupakan rasio aspek iframe. Terdapat dua opsi yang digunakan, yaitu ukuran fix dan berbasis persentase (10% - 100%)

Kesimpulan

Iframe merupakan element yang dapat membantu untuk meningkatkan engagement para pengunjung situs dan iframe juga menjadi bagian dari konten yang Anda buat, tapi tidak menjadi satu kesatuan dengan website.