Wednesday, April 18, 2012

Cara membuat PopUp Window pada Blog


Cara membuat pop up window pada blog, Seperti yang kita ketahui window pop up merupakan suatu halaman yang muncul di belakang maüpun di depan halaman utama yang muncul begitu saja dengan tiba-tiba walau tanpa kita klik sekalipun,bisa berjumlah 1 pop up,2 pop up,3 pop up bahkan bisa sebanyak mungkin yang di kehendaki oleh admin blog. Biasanya halaman pop-up di gunakan untuk beriklan dari suatu produk maupun jasa yang di tawarkan. Contoh konkrik iklan pop-up yang sering di pakai adalah situs ziddu,dimana setiap kali kita mendownload file yang ada di situs tersebut pasti akan keluar halaman window pop-up, betul tidak trik membuat halaman popup pop-up
Namun tahukah kamu kalau pop up window kadang membuat jengkel oleh para pengunjung blog, terkadang iklan pop up yang keluar tidak ada hubungannya dengan apa yang pengunjung cari, malahan kadang membuat loading blog menjadi lambat karna banyaknya iklan pop-upyang keluar. Nah di sini semuanya terserah agan-agan apakah blog-nya ingin di tambahi halaman pop-up otomatis atau tidak semuanya terserah anda.
·         Pertama-tama kita siapkan dulu 1 cangkir kopi ABC susu dan 1 bungkus rokok Dji Sam Soe hehehe....
·         Silahkan login ke Dashboard blogspot kamu dan pilih blog mana yang ingin kamu tambahi halaman pop up
·         Pilih pada Rancangan >> Edit HTML
·         Seperti biasa back up dulu template kamu untuk jaga-jaga kalau terjadi kesalahan dengan meng-klik ''download template lengkap''
·         Beri tanda checklist pada  Expand widget template
·         Cari kode <body> dengan menekan tombol F3 atau dg menekan CTRL + F untuk memudahkan pencarian
·         Tempatkan script pop up berikut di bawah kode <body>

<script type='text/javascript'> 
var popurls=new Array()
 
popurls[0]='
http://www.blogtegal.com' 
popurls[1]='
http://blogtegal.com/2011/08/top-1-oli-sintetik-mobil-motor.html' 
popurls[2]='
http://priced.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 
Jika script pop up di atas di tempatkan pada blog maka setiap ada pengunjung yang mengunjungi blog tersebut maka akan keluar halaman pop up dari URL www.blogtegal.com,http://blogtegal.com/2011/08/top-1-oli-sintetik-mobil-motor.html dan priced.blogspot.com. Ganti URL-URL yang berwarna ungu tersebut dengan URL yang ingin kamu jadikan pop up.
Jika ingin menambahkan jumlah halaman pop up maka tinggal tambahkan kode berikut ke dalam script di ataspopurls[nilai]='http://link-url-tujuan.com' atau jika ingin mengurangi tinggal buang salah satunya.
Atau jika kamu ingin menampilkan halaman pop up pada homepage saja maka tambahkan kode berikut di antara script pop up:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
Kode script pop url di sini
</b:if>
Atau jika ingin menampilkan pada halaman index (halaman artikel) saja maka tambahkan kode berikut di antara script pop up:
<b:if cond='data:blog.pageType == &quot;index&quot;'>
Kode script pop url di tempatkan disini
</b:if>
 
Atau untuk lebih lengkap mengenai masalah penempatan widget pada halaman yang kita inginkan silahken baca pada artikel
 tutorial blogtegal tentang menampilkan widget pada halaman tertentu
Note: Untuk dapat melihat halaman pop up silahkan aktifkan pop up pada masing-masing windows yang di inginkan.

No comments:

Post a Comment