Rumahweb Journal
Setting iframe Pada Website

Cara Membuat iFrame HTML Untuk Menyembunyikan URL Domain

Tahukah Anda bila sebuah domain bisa disetting menyerupai tampilan website lain dengan mudah? Ya, Anda bisa membuat sebuah iFrame html, untuk menyerupai tampilan website yang Anda inginkan.

Di Rumahweb, Anda bisa membuat file iFrame html melalui 2 cara yaitu dari halaman clientzone dan cPanel. Namun sebelum melanjutkan settingnya, kami akan menjelaskan kepada Anda terlebih dahulu apa itu iframe.

Apa itu iframe?

iFrame adalah teknik html yang memungkinkan Anda untuk melakukan embed data website seperti text, gambar hingga video dalam sebuah halaman website.

Elemen iFrame berfungsi untuk mengambil konten dari sebuah sumber dan menampilkan datanya sesuai dengan url sumber yang digunakan. Meskipun demikian, fungsi iFrame tidak serta merta dapat Anda gunakan untuk menampilkan SSL/HTTPS yang telah disetting, karena itu tergantung pada settingan ijin forwarding server tujuannya. iFrame tidak hanya digunakan untuk membuat satu halaman layout website, namun juga bisa digunakan untuk mengisi bagian tertentu pada website.

Sebagai contoh, Anda ingin menampilkan lokasi usaha pada website. Solusinya, Anda bisa meng-copy lokasi usaha Anda di Google Maps melalui script iframe. Atau jika Anda ingin domain diakses menyerupai website lain, maka Anda bisa membuat script iframe html dengan memasukkan url website tujuan.

Lalu, bagaimana cara membuat script iframe html tersebut? Berikut kami sampaikan langkah-langkahnya.

Baca selengkapnya tentang iFrame pada artikel : Mengenal Apa Itu iFrame Beserta Contoh Script iFrame HTML

Membuat script iFrame HTML

Pada contoh berikut, kami ingin memberikan contoh script iFrame html untuk menyerupai sebuah tampilan website. Bagi Anda yang telah memiliki hosting, silahkan buat file dengan nama index.html pada directory domain anda.

Jika Anda menggunakan cPanel, default directory root domain utamanya adalah public_html. Silahkan Anda login ke cPanel > file manager > public_html > lalu create file index.html.

Bila menggunakan Plesk Panel, default directory root domain anda adalah htdocs. Silahkan Anda login ke Plesk Panel > files > htdocs > lalu buat file index.html. Script yang bisa Anda gunakan sebagai berikut :

<html>
<head>
<title>Judul website</title>
<meta name="description" content="Deskripsi website" />
<meta name="keywords" content="keyword1, keyword2" />
</head>
<frameset border="0" rows="100%,*" cols="100%" frameborder="no">
<frame name="TopFrame" scrolling="yes" noresize src="https://alamat_web_tujuan">
<frame name="BottomFrame" scrolling="no" noresize>
<noframes></noframes>
</frameset>
</html>

Ubah beberapa keterangan dibagian berikut:

  • Judul website: Ubah sesuai judul website yang Anda inginkan
  • Deskripsi website: Tulis deskirpsi singkat website Anda. Maksimal 160 karakter.
  • keyword1, keyword2 : Isi kata kunci website Anda, setiap kata kunci pisah dengan tanda koma (,)
  • alamat_web_tujuan : Ubah url ini dengan url tujuan redirect Anda

Jika sudah di edit, maka tampilan scriptnya seperti ini :

contoh script iframe html

Setelah selesai, simpan kemudian akses website Anda.

Catatan:
Beberapa situs website (seperti Facebook.com, wordpress.com dan instagram.com) urlnya tidak selalu dapat di setting iframe, terutama untuk https/ssl. Ketika Anda setting iframe ke url facebook/instagram, hasilnya akan blank page seperti berikut ini:

www.instagram.com refused to connect.

Bagi Anda yang hanya melakukan pemesanan domain saja, Anda bisa menggunakan fitur masking dari Clientzone untuk menyerupakan tampilan domainnya seperti website tujuan. Panduan terkait setting masking iframe dari Clientzone bisa Anda pelajari melalui link: Setting Domain Forwarding

Demikian artikel Rumahweb tentang iframe html. Apabila ada pertanyaan, silakan menghubungi support kami untuk dibantu pengecekannya.

Bermanfaatkah Artikel Ini?

Klik bintang 5 untuk rating!

Rating rata-rata 5 / 5. Vote count: 4

Belum ada vote hingga saat ini!

Kami mohon maaf artikel ini kurang berguna untuk Anda!

Mari kita perbaiki artikel ini!

Beri tahu kami bagaimana kami dapat meningkatkan artikel ini?

SSL Murah

Rudiharto

Halo! Saya Rudi, bekerja di Rumahweb sebagai Technical Support. Saya menyukai WordPress, SitePro, Blogspot, dan rutin menulis tutorial. Saya akan membantu Anda membuat beberapa hal teknis mudah dipahami :)