Setelah satu minggu ngoprek website sekolah kebingungan menampilkan data, sampai akhirnya kepikiran untuk menampilkan data Dapodikmen (Data Pokok Pendidikan Menengah) yang diinput melalui Paket Aplikasi Sekolah (PAS) yang saya input. Akhirnya setelah searching sana sini kita dapat memanfaatkan frame dimana halaman frameset-nya hanya sebagai wadah saja tanpa kita bisa menambah apapun didalamnya. Dengan artikel ini saya akan mencoba memasukkan halaman lain atau web lain ke dalam sebuah kotak di dalam halaman web/blog kita. Dengan begitu, kita bisa menampilkan web lain di web/blog kita tanpa takut kehilangan tampilan asli web.
Sebagai contoh saya ingin menampilkan Halaman http://pendataan.dikmen.kemdikbud.go.id/ dengan artikel seperti ini:<br /> Browser anda tidak support frame<br />
Contoh http://smkn1-mundu.sch.id/data/
Dan inilah kode untuk menampilkan iframe seperti diatas:
1. Pastikan kita menginput Page / Artikel menggunakan HTML/javascript bukan Visual
2. Kode Nya :
iframe memiliki beberapa atribut. Dalam contoh diatas saya menggunaka atribut SRC untuk menuju langsung ke Data Dapodikmen sekolah SMKN 1 Mundu Cirebon bisa langsung tujukan URLnya sebagai contoh http://203.171.221.242/dapodikmen2013/data.php?data=dt_sekolah&jenjang=SMK&by_npsn=20214795&by_tahun=19 ini menentukan halaman apa yang ingin dimuat, dalam hal ini saya masukan Data SMKN 1 Mundu Cirebon, WIDTH adalah lebar frame-nya dan HEIGHT adalah tinggi silahkan sesuaikan dengan Template Web/blog yang anda miliki.
Selain itu ada beberapa atribut lain
yaitu:
Attribute
|
Value
|
Description
|
DTD
|
align
|
left
right top middle bottom |
Deprecated. Use styles instead.
Specifies the alignment of an iframe according to surrounding elements |
TF
|
frameborder
|
1 0
|
Specifies whether or not to
display a border around an
iframe |
TF
|
height
|
pixels %
|
Specifies the height of an iframe
|
TF
|
longdesc
|
URL
|
Specifies a page that contains a
long description of the
content of an iframe |
TF
|
marginheight
|
pixels
|
Specifies the top and bottom
margins of an iframe
|
TF
|
marginwidth
|
pixels
|
Specifies the left and right
margins of an iframe
|
TF
|
name
|
name
|
Specifies the name of an iframe
|
TF
|
scrolling
|
yes
no auto |
Specifies whether or not to
display scrollbars in an iframe
|
TF
|
src
|
URL
|
Specifies the URL of the document
to show in an iframe
|
TF
|
width
|
pixels
% |
Specifies the width of an iframe
|
TF
|