Membuat Link Terbuka di New Window Atau Jendela Pop Up

Ternyata ngobrol di forum blogger banyak sekali manfaatnya selain dapat teman blogger baru dan juga dapat ilmu baru, nah ilmu baru yang saya coba tulis ini sebenarnya hanya sebatas arsip pribadi saya, tapi rasanya gak enak kalo cuma disimpan sendiri saja mending dibagikan saja sama sobat semua mudah-mudahan ada manfaatnya dan saya bisa dapat amal...

Sesuai judul kali ini kita akan belajar bagaimana supaya link atau mungkin tepatnya gambar yang mempunyai link jika kita klik akan terbuka di jendela baru atau lebih tepatnya jendela Pop Up jika biasanya kita mebuat kodenya seperti ini

<a href="alamat link disini" target="_blank">nama link</a>

atau

<a href="alamat link disini" target="new">nama link</a>

Kali ini kita perlu melakukan sedikit modifikasi dengan menambahkan kode Javascript pada deretan kode-kode HTML dan CSS. ini kode Javascriptnya dan letakan di atas kode </head>

<script type='text/javascript'>
function popUp(URL) {
day = new Date();
id = day.getTime();
eval(&quot;page&quot; + id + &quot; = window.open(URL, &#39;&quot; + id + &quot;&#39;, &#39;toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=400,height=400,left = 440,top = 200&#39;);&quot;);
}
</script>

jangan lupa disave dulu ya...

selanjutnya kita gunakan kode ini untuk memanggil javascript yang sudah kita pasang pada elemen kode templet kita ini kodenya.

<a href="javascript:popUp('URLGAMBAR')"><img src="URLGAMBAR" alt="KETERANGAN" width="113" height="200" border="0" id="2102" style="display:block; margin:0px auto 0px;" /></a>

untuk demonya bisa dilihat disini, dan sobat klik gambarnya dan lihat apa yang terjadi. o ya saya mau mengucapkan terima kasih untuk kawan saya Z33S atas informasinya. Ingin lebih tau banyak lagi soal tips dan trik seputar dunia blog ? makanya ayo gabung di Foblog tempat ngumpulnya para blogger, makin banyak teman dan ilmu, oke...selamat mencoba dan tetap semangat wassalam.

Subscribe to receive free email updates: