Hanya arsip

halaman asli ada di http://kolom-tutorial.blogspot.com

Mengenal perintah IFRAME

Untuk tutorial kali ini saya ingin sedikit mengulas tentang salah satu fungsi kode HTML
yakni perintah <iframe>. Dengan perintah iframe kita dapat menampilkan isi
dari situs ataupun blog milik orang lain pada blog milik kita, namun walaupun demikian kita tidak
boleh sembarangan tentunya harus mendapatkan izin terlebih dahulu dari pemilik blog yang ingin di tampilkan.

Perintah dasar dari iframe adalah sebagai berikut :



<iframe> .... isi dari iframe .... </iframe>

Beberapa atribut yang sering di pasang dalam iframe adalah :

ALIGN=”left/right” –> Untuk mengatur posisi iframe

WIDTH=”lebar” –&gt: Mengatur lebar IFRAME dalam pixel atau persen

HEIGHT=”tinggi” –> Untuk mengatur tinggi dari iframe dalam pixel atau persen

FRAMEBORDER=”garis pembatas” –> Untuk memberi garis pembatas

SCROLLING=”auto/yes/no” –> Untuk memberi atau tidak memberi scrolling pada iframe

SRC=”url yg ingin di tampilkan” –> alamat sumber yang ingin di tampilkan pada iframe

Agar lebih mudah untuk di fahami, maka saya akan memberikan dua contoh dari fungsi
perintah iframe. Misalkan alamat sumber yang ingin saya tampilkan adalah isi dari blog saya
yang lain yang beralamat di http://unique-r1-8.blogspot.com/, lebar yang ingin saya
gunakan adalah sebesar 500 pixel, dan tinggi sebesar 300 pixel.

  • IFRAME yang tidak mempunyai garis pembatas dan tidak mempunyai fasilitas scrolling
  • contoh kode yang di pasang seperti ini :



    <iframe align="left" frameborder="0" src="http://unique-r1-8.blogspot.com/"
    width="500" height="300" scrolling="no">
    </iframe>

    hasilnya seperti ini :

  • IFRAME yang mempunyai garis pembatas dan mempunyai fasilitas scrolling
  • contoh kode yang di pasang seperti ini :



    <iframe align="left" frameborder="10" src="http://unique-r1-8.blogspot.com/"
    width="500" height="300" scrolling="auto">
    </iframe>

    hasilnya seperti ini :

    Bagaimana sobat, tentunya dengan iframe kita dapat mengintip isi dari blog milik orang lain pada blog milik kita. Akan tetapi
    jangan lupa untuk meminta ijin terlebih dahulu kepada pemiliknya apabila tidak ingin kena damprat sang pemilik blog.

    selamat bereksperimen !

    24 Oktober 2007 - Posted by | blog tutorial, Tutorial HTML

    6 Komentar »

    1. Mas, saya sangat tertarik dengan topik ini, tetapi saya ingin tanya. bagaimana cara mengatur posisi isi IFRAME, misalnya kita ingin menampilkan bagian bawah tengah (center) sebuah website lain.
      karena ketika saya coba, yang muncul bagian atas pada awal. contoh yang saya maksud” pada blong
      UniQue template R 1.8″ tidak terlihat judul tetapi langsung isi atau photo mas.pada contoh iframenya yang tidak mempunyai fasilitas scrolling.

      Komentar oleh Muhibbuddin Ramli | 25 Oktober 2007 | Balas

    2. Mas, saya sangat tertarik dengan topik ini, tetapi saya ingin tanya. bagaimana cara mengatur posisi isi IFRAME, misalnya kita ingin menampilkan bagian bawah tengah (center) sebuah website lain.
      karena ketika saya coba, yang muncul bagian atas pada awal. contoh yang saya maksud” pada blong
      UniQue template R 1.8″ tidak terlihat judul tetapi langsung isi atau photo mas.pada contoh iframenya yang tidak mempunyai fasilitas scrolling.

      Komentar oleh muhib | 25 Oktober 2007 | Balas

    3. kang saya buat iframe buat link sahabat koq ga kelihatan linknya ya kang ? mohon bantuannya šŸ™‚

      Komentar oleh Suardiana | 11 Maret 2008 | Balas

    4. Coursework

      Komentar oleh Dissertation Writing Services | 2 Mei 2008 | Balas

    5. great work

      Komentar oleh dissertation help | 27 Mei 2008 | Balas

    6. wah artikel yang sangat menarik.Semua artikel nya kang rohman sangat membantu saya yang lagi belajar šŸ™‚

      Komentar oleh bisnisonline | 28 Agustus 2008 | Balas


    Tinggalkan Balasan

    Isikan data di bawah atau klik salah satu ikon untuk log in:

    Logo WordPress.com

    You are commenting using your WordPress.com account. Logout / Ubah )

    Gambar Twitter

    You are commenting using your Twitter account. Logout / Ubah )

    Foto Facebook

    You are commenting using your Facebook account. Logout / Ubah )

    Foto Google+

    You are commenting using your Google+ account. Logout / Ubah )

    Connecting to %s

    %d blogger menyukai ini: