Cara membuat Iklan melayang di Blogspot

Banyak dari kalangan blogger yang menngunakan cara ini untuk meningkatkan klik iklan yang pendanaannya bersifat pay to click seperti iklan-iklan  kumpulbloger, kliksaya dan jenis-jenis iklan lainnya, dikarenakan platform blogger dapat mendukung javascript maka widget tersebut bisa di pasang di blogspot anda dengan cara. ikuti cara dibawah ini, ya! tentunya disajikan secara praktis tapi kreatif.

1. Login ke Blogger
2. kLik Tata Letak => Klik elemen Tambah Gadget
3. Pilih Gadget yang bertemakan HTML/Java Script
4. Isikan Kode berikut di dalamnya

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}




.gbcontent{
float:right;
border:2px solid #000000;
background:#F1DEDE;
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()">
.:<img src="http://lh6.ggpht.com/_RVpTV2JOOxA/S8X3Rh5G2OI/AAAAAAAACxI/0zISG8UL24A/tutup_iklan_t4belajarblogger.png" title="kalau muncul, klik lagi" alt="tutup" />:.
</a>
</div>
<center>


SCRIPT IKLAN ANDA DI SINI - BISA DIISI DENGAN APA AJA SIH, TERSERAH~


</center>


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

5. Klik simpan.

Selesai namun jika anda ingin merubah warna atau garis tepi silahkan edit scripts diatas di bagian border

Posted in: Aneka TIPS