Javascript Popup Window Dengan Animasi

udah berapa hari ya saya gak posting.. hehe soalnya saya gak ada bahan dan sekarang baru dapat oke udah pernah kan klik button yang nantinya keluar popup window yang saya posting kali ini beda tampilannya dengan animasi ini sob, oke kalo mau lihat tinggal klik aja demo berikut. Cekidot

                                                                                   




kalo mau buat tinggal ikuti aja tutor berikut
  • Loggin blogger.com > rancangan > edit html
  • cari kode </head> lalu pastekan kode berikut diatasnya

<script src='http://generation-platinum.googlecode.com/files/animatedwindow.js ' type='text/javascript'/>

  • simpan dah tu.. tapi belum selesai cuy,,

  • untuk kode pemanggilnya dengan gambar

<a href="#" onclick="expandingWindow('masukan-url-link-tujuan');return false" title="title"><img src="url-gambar" style="float:center;width:auto;height:auto;-moz-box-shadow: 0 5px 15px #000;padding:3px;background:transparant;margin:0 10px 5px 0;"></a>

  • untuk kode pemanggil dengan tulisan

<a href="#" onclick="expandingWindow('masukan-url-link-tujuan');return false"><h1>enter</h1></a>

  • untuk kode pemanggil dengan button

<form><input type="button" value="Enter" onclick="expandingWindow(' masukan-url-link-tujuan')">
</form>

ubah tu kode yang warna biru 

sumber: urangkurai


Bagikan Artikel Ini ke: Facebook Twitter Google+ Linkedin Technorati Digg
Posted by Jasriman Sukri, Published at 08.09 and have 4 komentar

4 komentar:

  1. . . ouwww,, maksud nya tampilan demonya tu ya?!? he..86x . .

    BalasHapus
    Balasan
    1. . . kalo gitu tu cucoknya tuk demo aja. kalo dibikin widget bz gak?!? trz caranya gimana?!? . .

      Hapus