Halaman pop-up biasanya di gunakan untuk beriklan atau memasarkan produk ataupun barang/dari suatu produk maupun jasa yang di tawarkan. Contoh konkrik iklan pop-up yang sering di pakai adalah situs ziddu dan situs sharing lainnya, dimana setiap kali kita mendownload file yang ada di situs tersebut pasti akan keluar halaman window pop-up, betul tidak? betul (Jawabannya)
Efek samping dari Pop Up ini adalah bahwa Pop up window terkadang membuat jengkel para pengunjung blog, terkadang iklan pop up yang keluar tidak ada hubungannya dengan apa yang pengunjung cari, malahan kadang membuat loading blog menjadi lambat karena banyaknya iklan pop-up yang keluar, tapi terserah kamu semua, mau memasangnya atau tidak terserah kamu. dan inilah tutorial tentang cara membuat pop up windows pada blog.
Berikut ini langkah-langkahnya bagi yang mau coba :
Pertama :
Login ke akun blogger kamu
Kedua :
Pilih Rancangan »» edit HTML
Beri tanda checklist pada Expand widget template
Cari kode <body>
Ketiga :
Dan letakkan kode berikut dibawah kode <body>:
<script type='text/javascript'>
var popurls=new Array()
popurls[0]='http://idesainer.blogspot.com/'
popurls[1]='http:// idesainer .blogspot.com/2010/11/cara-membuat-iklan-popup.html'
popurls[2]='http://sangnetter.blogspot.com/'
function openpopup(popurl) { var winpops=window.open(popurl,'','width=,height=,toolbar,location,status,scrollbars,menubar,resizable') }
openpopup(popurls[Math.floor(Math.random()* (popurls.length))])
</script>
Terakhir :
Simpan Template kamu.
Keterangan:
Jika kamu memasang script pop up diatas, maka akan muncul halaman-halaman lagi sesuai yang kamu targetkan, ganti yang berwarna merah dengan halaman pop up kamu sendiri.
Jika ingin menambahkan jumlah halaman pop up maka tinggal tambahkan kode berikut ke dalam script di atas popurls[nomer]='http://link-url-tujuan.com' atau jika ingin mengurangi tinggal buang salah satunya.
Begitulah kira-kira langkahnya, bagi yang mau silahkan dicoba bagi yang sudah tau bisa dikasih komentarnya....
Related Post:
Widget by [ girayraspati ]
Posted in: Tutorial Blogger
