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
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>
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 == "index"'>
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
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 == "index"'>
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