Cara Membuat Animasi Windows Openner

Terkadang ketika kita membuka sebuah link, kita hanya membuat link tersebut terbuka pada jendela yang sama (open link in same windows) atau jendela lain (open link in new tab or new windows) ketika mengklik link tersebut. Kali ini saya akan share bagaimana cara membuat fasilitas open in new windows namun tampilannya tidak membawa anda pada lain tempat. Tampilan link anda akan terbuka dari kiri atas - ke kanan hingga memenuhi jendela komputer anda jika anda mengklik link yang sudah anda pasang fasitas ini. Widget ini lumayan atraktif dan bisa anda pasang pada link anda yang mana aja. Selain itu cara pemasangannya cukup mudah alias dijamin gak ribet. Silahkan lihat dulu demonya di bawah ini.

Open Blogonol's Forum
Open Kode Warna

Bagaimana...??? anda tertarik...??? Silahkan ikuti langkah berikut.

Log in ke blog anda
Klik Rancangan
Klik Tambah Gadget
Pilih HTML/ JavaScript
Masukkan kode berikut ke dalamnya

<script>
<!--

var winheight=100
var winsize=100
var x=5

function openwindow(thelocation){
temploc=thelocation
if (!(window.resizeTo&&document.all)&&!(window.resizeTo&&document.getElementById)){
window.open(thelocation)
return
}
win2=window.open("","","scrollbars")
win2.moveTo(0,0)
win2.resizeTo(100,100)
go2()
}
function go2(){
if (winheight>=screen.availHeight-3)
x=0
win2.resizeBy(5,x)
winheight+=5
winsize+=5
if (winsize>=screen.width-5){
win2.location=temploc
winheight=100
winsize=100
x=5
return
}
setTimeout("go2()",50)
}
//-->
</script>

<p><a href="javascript:openwindow('http://MASUKKAN ALAMAT LINK ANDA DI SINI/')">JUDUL LINK 1</a>

<p><a href="javascript:openwindow('http://MASUKKAN ALAMAT LINK ANDA DI SINI/')">JUDUL LINK 2</a></p></p>

Silahkan cari dan ganti kode di bawah ini

<p><a href="javascript:openwindow('http://MASUKKAN ALAMAT LINK ANDA DI SINI/')">JUDUL LINK 1</a>
<p><a href="javascript:openwindow('http://MASUKKAN ALAMAT LINK ANDA DI SINI/')">JUDUL LINK 2</a></p></p>

Catatan
Jika anda ingin menambah linknya, silahkan copy kode LINK 2, kemudian ganti menjadi LINK 3 seperti di bawah ini

<p><a href="javascript:openwindow('http://MASUKKAN ALAMAT LINK ANDA DI SINI/')">JUDUL LINK 2</a></p></p>

menjadi

<p><a href="javascript:openwindow('http://MASUKKAN ALAMAT LINK ANDA DI SINI/')">JUDUL LINK 3</a></p></p>

Letakkan di bawah LINK 2, Lengkapnya seperti di bawah ini.

<p><a href="javascript:openwindow('http://MASUKKAN ALAMAT LINK ANDA DI SINI/')">JUDUL LINK 1</a>
<p><a href="javascript:openwindow('http://MASUKKAN ALAMAT LINK ANDA DI SINI/')">JUDUL LINK 2</a></p></p>
<p><a href="javascript:openwindow('http://MASUKKAN ALAMAT LINK ANDA DI SINI/')">JUDUL LINK 3</a></p></p>

Klik Simpan dan lihat hasilnya
Selamat mencoba dan sukses selalu

"keep spirits and do the best"