Tuesday, March 12, 2013

Cara Membuat PopUp Link Pada Dokumen HTML

Cara Membuat PopUp Link Pada Dokumen HTML

Pada posting sebelumnya saya share 'Cara Membuat Images Slideshow Pada Dokumen HTML', sekarang saya lanjutkan dengan share 'Cara Membuat PopUp Link Pada Dokumen HTML'.

PopUp Link adalah sebuah Link (hyperlink) yang mengarah kepada sebuah halaman web atau URL (Uniform Resource Locator) tertentu yang ditampilkan pada new windows yang ukuran dan option yang ditampilkan di dalam halaman browser windowsnya sesuai dengan yang telah ditentukan. Sedangkan Link (hyperlink) itu sendiri adalah sebuah acuan dalam dokumen hiperteks (hypertext) ke dokumen yang lain atau sumber lain.

Baiklah berikut ini cara membuat PopUp Link pada sebuah dokumen HTML.


Langkah-langkah:

Cara Membuat PopUp Link Pada Dokumen HTML:

  1. Jalankan aplikasi text editor seperti 'notepad' untuk menulis sebuah dokumen HTML. Mungkin notepad bawaan windows kurang begitu menarik, solusinya Anda dapat menggunakan aplikasi notepad++ yang dapat Anda download di sini.

  2. Penting! simpan dokumen HTML dengan format 'Nama_File.html' tanpa tanda kutip, kemudian pada 'Save as type' Anda pilih 'All files' agar dokumen yang Anda simpan menjadi dokumen HTML bukan dokumen text biasa.

  3. Sekarang mari kita mulai untuk membuat PopUp Link pada dokumen HTML seperti pada kotak di bawah ini.

  4. Script Code:
    <!DOCTYPE html>

    <html>

    <head>
    <title> Cara Membuat PopUp Link Pada Dokumen HTML </title>
    </head>

    <body>

    <!-- Start PopUp Link Code -->

    <a href="#" onClick="PopUp=window.open('http://www.amirabella-zone.blogspot.com', 'PopUp', 'toolbar=yes, location=yes, directories=yes, status=yes, menubar=yes, scrollbars=yes, resizable=yes, width=600, height=300'); return false;">Nama Link Anda</a>

    <!-- // End PopUp Link Code -->

    </body>
    </html>

    Keterangan

    1. Ganti http://www.amirabella-zone.blogspot.com dengan url link Anda.
    2. Pada attribute width 600 ganti value atau angkanya sesuai dengan lebar windows yang Anda inginkan.
    3. Pada attribute height 300 ganti value atau angkanya sesuai dengan tinggi windows yang Anda inginkan.
    4. Ganti Nama Link Anda sesuai dengan nama yang Anda kehendaki.


Nb. Silahkan beri feed back pada kotak komentar di bawah!


Bagikan posting ini di:
Comments
0 Comments

0 comments:

Post a Comment

 
Related Posts Amirabella-Zone