Blogger Tutorial

Cara Membuat Iklan Melayang Dengan Tombol Close

13.21,1 Comments



Anda salah satu Blogger yang memonitize Blog anda dengan Iklan text atau Baner?

Ada baiknya anda mengikuti tutorial Membuat Iklan Melayang Dibawah ini, Contohnya seperti Iklan yang tiba-tiba muncul di blog ini yang dapat anda close dengan Double Click(seperti Gambar Diatas).

Tertarik untuk membuatnya?

1. Login blogger
2. Rancangan(Design)
3. Masuk Ke Tata Letak
4.
Pilih Elemen Halaman
5.
Tambah Gadget Pilih HTML / JAVASCRIPT
6. Copy Kode Dibawah ini Kedalamnya:

<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, 30-w) : 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][Klik 2x]:.
</a>
</div>
<center>

Masukan Kode iklan atau Gambar yang anda inginkan di sini

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>

7. Save template Anda Dan Lihat Hasilnya

hosting indonesia

You Might Also Like

1 komentar:

  1. Saya coba terapkan gan, trims ya. Ditunggu kunjungannya...

    BalasHapus