Cara Membuat Iklan Melayang di Blog

Oleh: Pada: 20 January, 2018

Baiklah singkata saja sobat karena saya lagi sibut sekali ini, ini akan saya beri script membuat iklan melayang di blogger atau blogspot.

Caranya cukup sederhana silahkan masuk dulu ke dasbor blogger sobat menu tataletak dan tambahkan gadget text html/javascript lalu masukkan kode sibawah ini :

<style type=”text/css”>
#gb{
position:fixed;
top:10px;
z-index:+1000;
border: 1px solid #0083a4;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
background:#0083a4;
padding:1px;
border: 1px solid #0083a4;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
}
#klik {
text-align: right;
}
#klik a {
text-decoration : underline;
color: #ffcc00;
}
</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 id=”klik”>
<a href=”javascript:showHideGB()”>
::Click Here 2X::
</a>
</div>
<center>

<!– Start Kode –>
ISI DENGAN KODE IKLAN SOBAT
<!– End Kode –>

</center>

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

Setelah itu simpan dan lihat hasilnya, semoga bermanfaat untuk sobat dan selamat mencoba.
Happy Blogging