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
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.. :)
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.. :)
saya lebih suka memakai target blank. lebih simple.
BalasHapus