ECHO 17 - Anda ingin memasang Pop-up Iklan di blog..? caranya cukup mudah, tetapi sebelum kita membahas Cara Buat Pop-up Iklan di Blog ada baiknya jika kita memahami apa sebenarnya yang dimaksud dengan Pou-up. Pop-up adalah
jendela yang muncul secara otomatis tanpa permisi, tanpa anda merasa
telah membukanya. Ukuran jendela bervariasi namun biasanya tidak menutup
keseluruhan layar. Sebagian pop-up tampil pada bagian atas jendela
aktif browser, sementara yang lain muncul di bawah jendela aktif
browser.
Iklan ini cukup menarik karena tampil di atas blog, jika diklik, maka
iklan akan bergeser ke atas dan akhirnya menghilang, untuk memasang Pop-up iklan ini anda cukup meng-copy script di bawah ini dan memasukkannnya ke dalam gadget type HTML/Javascript, detailnya bisa anda ikuti langkah di bawah ini.
- Login ke blogger.com dengan ID Anda
- Jika sudah berhasil login klik link Nama Blog Anda >> Layout >> Add a Gadget
- Pilih type Gadget HTLM/Javasript pada kotak Title tidak perlu memasukkan judul gadget lalu copy kode di bawah ini dan paste pada kotak Content selanjutnya klik button Save untuk menyimpannya.
<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, -1500) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5: 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Close]:.
</a>
</div>
<center>
Masukan kode iklan atau gambar di sini
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
- Jangan lupa untuk menganti tulisan yang berwarna merah dengan kode iklan anda.
- Periksa blog anda sekarang, lihat hasilnya jika berhasil ucapkan PUJI SYUKUR...
Pop upnya kren, jadi kayak blog dinamis. Blogwalking :-)
ReplyDeleteHey! I just wish to give a huge thumbs up for the good information you’ve gotten right here
ReplyDeleteon this post. I shall be coming back to your blog for extra soon.
My webpage; SEO收費