Hubungi KamiJika ada pertanyaan silahkan hubungi kami

Cara Membuat Dan Memasang Pop-Up Windows di Blog

Cara Membuat Dan Memasang Pop-Up Windows di Blog -Popup sering kita jumpai ketika kita berkunjung ke sebuah website/blog secara tiba-tiba jendela baru. Popup tidak hanya terdiri dari satu jenis saja, menurut sumber yang saya dapat dari panduantemplateblog.com, popup terdiri dari 2 jenis yaitu popup iklan dan popup window.

Popup iklan maupun popup windows mempunyai fungsi yang sama yaitu untuk memunculkan sebuah jendela baru untuk tujuan tertentu. Jika Anda ingin mempelajari lebih lanjut tentang pengertian dari popup silahkan telusuri melalui browsing di google.

Untuk kesempatan kali ini saya ingin fokuskan pada langkah Cara Membuat Dan Memasang Pop-Up Window di Blog, oleh sebab itu bagi Anda yang ingin memasang popup windows pada blog Anda maka Anda sangat tepat berkunjung ke artikel ini.

Untuk memasang Pop-Up Window kita tidak memerlukan kode css tapi cukup memasang scrip kedalam template blog Anda.

Show/Hide
<script type=”text/Javascript”>
//<![CDATA[
function popup_window(url,w,h){
var width=w;
var height=h;
var from_top=150;
var from_left=250;
var toolbar=’no’;
var location=’no’;
var directories=’no’;
var status=’no’;
var menubar=’no’;
var scrollbars=’yes’;
var resizable=’yes’;
var atts=’width=’+width+’show,height=’+height+’,top=’+from_top+’,screenY=’;
atts+= from_top+’,left=’+from_left+’,screenX=’+from_left+’,toolbar=’+toolbar;
atts+=’,location=’+location+’,directories=’+directories+’,status=’+status;
atts+=’,menubar=’+menubar+’,scrollbars=’+scrollbars+’,resizable=’+resizable;
window.open(url,’win_name’,atts);
}
//]]>
</script>

Setelah memasang kode kedalam template blog, sekarang tinggal buat artikel kemudian pasang kode dibawah ini dibagian HTML

<a href=”javascript: popup_window(‘http://giribig.com/‘,550,400)”>KLIK DISINI</a>

Keterangan:

  • Kode yang saya beri tanda dengan warna merah silahkan ganti dengan link yang Anda inginkan
  • Kode yang saya beri tanda dengan warna hijau Anda dapat diganti sesuai ukuran lebar dan tinggi yang diinginkan.
  • Kode yang saya beri tanda biru bisa Anda ganti dengan tulisan Yang Anda inginkan.

Jika Anda ingin mengganti dengan gambar silahkan ganti tulisan yang berwarna merah dengan link gambar Anda. Oh iya pada artikel sebelumnya saya juga pernah membahas tentang tooltips. Tooltips dan Pop-Up memang berbeda namun memiliki fungsi yang sama yaitu menyembunyika sebuah objek. Untuk penerapannyapun tentu berbeda dan bisa Anda lihat pada artikel Cara memunculkan pesan saat disorot mouse.

Loading...

Add a Comment

Your email address will not be published. Required fields are marked *