1 Agu 2011

Membuat Pop - up Windows Jquery di blog

Contoh POP-UP
Pop-Up adalah layanan yang menampilkan jendela baru di windows hanya saja tampilan ini bisa dirubah - rubah ukuran nya sesui dengan selera anda masing masing. Biasanya Pop-Up dipakai untuk menampilkan Iklan, Video, Photo, dll. Cara pembuatannya bisa dikategorykan Cukup gampang, berikut cara membuat Pop - Up di Blog :


  • Masuk Ke akun Blogger anda 
  • Masuk ke bagian rancangan
  • Pilih tab "edit HTML"
  • Back-up dulu template anda agar aman jika Tutorial ini tidak berhasil
  • Lalu salin kode dibawah ini :
<script type="text/javascript">
// Popup window code
function newPopup(url) {
popupWindow = window.open(
url,'popUpWindow','height=700,width=800,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')
}
</script>
  • Letakkan kode yang anda salin tepat di atas kode </head>
  • Simpan Template.
  • lalu Untuk memanggilnya silahkan copy kode dibawah ini :
<a href="JavaScript:newPopup('LinkYangAkanDitampilkan');">Open a popup window</a>
  • Maka hasilnya akan menjadi seperti ini 

Ada Juga pembuatan Pop-Up yang tidak melalui Rancangan -> "Edit HTML", berikut cara untuk membuatnya ::

Tidak ada komentar:

X