Selasa, 15 April 2014

Cara Membuat & Memasang Pop-Up Windows di Blog

Cara Membuat & Memasang Pop-Up Windows di Blog - Pada kebanyakan blog atau beberapa website sering ditemui muncul sebuah jendela tampilan yang muncul secara tiba-tiba, baik muncul dari atas, dari tengah, samping atau bawah dari sebuah halaman blog atau website, dan itulah yang dinamakan POP-UP. Pop up tidak hanya terdiri dari satu jenis atau satu macam saja, dan menurut hasil pencarian yang saya temukan di Google, Pop-up terdiri dari 2 macam yaitu Pop-Up Untuk Iklan dan Pop-Up Untuk Windows

Pop-Up Untuk Iklan atau Pop-Up Untuk Windows sebenarnya memiliki fungsi yang sama yaitu sebagai jendela atau halaman munculan yang digunakan untuk tujuan tertentu. Untuk pengertian lengkap antara kedua popup tersebut, silahkan browsing di Google. Dan pada artikel ini, saya hanya menjelaskan Cara Membuat & Memasang Pop-Up Windows di Blog karena hanya popup jenis inilah yang terlihat lebih menarik jika dipasang di blog. Namun tidak menutupi kemungkinan suatu saat saya juga akan membuat artikel tentang pop-up iklan

Lalu bagaimana dengan tooltips? Tooltips dan Pop-up tentu berbeda meskipun secara fungsi memiliki kesamaan yaitu sama-sama menyembunyikan objek, namun untuk penerapannya tentulah berbeda. Dan untuk mengetahui perbedaannya, silahkan baca artikel di Memunculkan pesan melayang saat disorot mouse

Cara Membuat & Memasang Pop-Up Windows di Blog

Untuk membuat dan memasang pop-up Windows di blog ini tidak diperlukan tidak diperlukan kode css, tapi cukup memasang kode script kedalam template blog

<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>

Jika Anda ingin memasang demonya berupa LINK, silahkan salin kode berikut kedalam halaman artikel blog atau dimanapun letak yang Anda inginkan

<a href="javascript: popup_window('http://www.panduantemplateblog.com',550,400)">KLIK DEMO LINK DISINI</a>

Jika Anda ingin memasang demonya berupaGAMBAR, silahkan salin kode berikut kedalam halaman artikel blog atau dimanapun letak yang Anda inginkan

<a href="javascript: popup_window('http://2.bp.blogspot.com/-PMvqecjBhck/U0yqdGCon0I/AAAAAAAADCc/9EYjGVY1MPU/s1600/pop-up-windows-blog.png',550,400)">KLIK DEMO GAMBAR DISINI</a>

KETERANGAN:
Ganti kode warna merah sesuai dengan link blog atau link gambar
500 = Ukuran lebar tampilan pop-up
400 = Ukuran tinggi tampilan pop-up

Ada 2 Demo yang saya tampilkan
Demo Link KLIK DEMO LINK DISINI
Demo Gambar KLIK DEMO GAMBAR DISINI


Bagaimana tertarik untuk memasang pop up windows diatas kedalam blog Anda? Silahkan dan tidak perlu kuatir akan penggunaan kode script karena tidak akan mempengaruhi loading blog Anda. Dan terimakasih telah membaca artikel ini, Cara Membuat & Memasang Pop-Up Windows di Blog

Cara Membuat & Memasang Pop-Up Windows di Blog Rating: 4.5 Diposkan Oleh: ana sriwahyuni

8 komentar:

  1. Mesti di cuba macam ini biar baik adanya...

    BalasHapus
  2. jadi bgitu yah, tapi belum paham tenatng js :D

    BalasHapus
  3. mba mau tanya, caranya bikin video kaya gitu gmana ya? :)

    BalasHapus
  4. hebat gan baguss , kalo biar lebih kelihatan rapigimana ya

    BalasHapus

Demi kenyamanan bersama, tidak boleh memasang link dalam bentuk apapun, komentar yang berisi link tidak akan diterbitkan
Terimakasih

Direktori

direktori weblogger
Direktori WeBlog Indonesia