Kamis, 08 Januari 2015

Memasang Tab New Window Menggunakan JavaScript

Memasang tab new window pada umumnya menggunakan tag target='_blank' yang dipasang kedalam url yang difungsikan menggunakan tab new tersebut, namun bagaimana jika menggunakan javascript? Apakah bisa? Tentu bisa, malahan jika menggunakan JavaScript dalam memasang tab new window akan memiliki tampilan lebih bagus yang lengkap dengan tombol new window terpasang dan bisa berwarna juga loh tombolnya

Memasang Tab New Window Menggunakan JavaScript

Klik tombol berikut untuk melihat DEMO


Untuk memasang tombol tab new window di blog, silahkan salin kode berikut ini
<form>
<input type="button" value="New Window!" onClick="window.open('http://neuwindow.blogspot.com/2015/01/demo-script-tab-new-window.html','mywindow','width=400,height=200,toolbar=yes,location=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes,copyhistory=yes,resizable=yes')">
</FORM>

Jika ingin memberi warna pada tombol, masukkan kode berikut ini kedalam script style="background:#bad80a;color:#454545;font-weight:bold;padding:10px;"
Sehingga hasilnya seperti berikut
<form>
<input type="button" value="New Window!" style="background:#bad80a;color:#454545;font-weight:bold;padding:10px;" onClick="window.open('http://neuwindow.blogspot.com/2015/01/demo-script-tab-new-window.html','mywindow','width=400,height=200,toolbar=yes,location=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes,copyhistory=yes,resizable=yes')">
</FORM>

Keterangan: Ganti kode yang berwarna merah ya..

Silahkan jika tertarik untuk memasang tab new window ini di blog Anda. Meskipun menggunakan script, tidak mempengaruhi loading blog kok.. :)

Memasang Tab New Window Menggunakan JavaScript Rating: 4.5 Diposkan Oleh: Ana Sriwahyuni

1 komentar:

Demi kenyamanan bersama, tidak boleh memasang link dalam bentuk apapun, komentar yang berisi link tidak akan diterbitkan
Terimakasih

Direktori

direktori weblogger
Direktori WeBlog Indonesia