Pages

Cara Membuat Iframe

Pada kesempatan kali ini saya akan membahas tag HTML lainnya yaitu <iframe>. Dengan tag ini kita dapat menampilkan isi dari blog atau situs lain pada blog milik kita. Tag <iframe> ini mempunyai beberapa atribut, yaitu:

AtributKeterangan
ALIGNMengatur posisi iframe. Nilainya left atau right.
WIDTHMenentukan lebar iframe dalam piksel atau persen.
HEIGHTMengatur tinggi iframe dalam piksel atau persen.
FRAMEBORDERMengatur pemberian garis pembatas.
SCROLLINGMenentukan apakah iframe dapat mempunyai scroll bar. Nilainya yes, no, atau auto.
SRCAlamat sumber yang ditampilkan dalam iframe.

Contoh:
Misalnya saya ingin menampilkan blog yang beralamat di http://deejayhan.blogspot.com/. Lebar yang saya inginkan adalah sebesar 560 piksel dan tinggi sebesar 300 piksel.

1. Untuk IFRAME yang tidak mempunyai garis pembatas dan tidak mempunyai scrolling, maka kodenya akan seperti di bawah ini:
<iframe align="left" frameborder="0" height="300" scrolling="no" src="http://deejayhan.blogspot.com/" width="560"></iframe>
Maka hasilnya akan nampak seperti ini:

















2. Untuk IFRAME yang memiliki garis pembatas dan memiliki fasiltas scrolling, maka kodenya menjadi seperti ini:
<iframe align="left" frameborder="10" height="300" scrolling="auto" src="http://deejayhan.blogspot.com/" width="560"></iframe>
Maka hasilnya akan nampak seperti ini: