Minggu, 20 Januari 2013

Cara Membuat Iklan Melayang di blog

Tujuan membuat iklan melayang di blog adalah agar mudah terlihat oleh pengungjung dan tentunya mengundang hati untuk mengkliknya dan tentunya uang buat kita.Salah satu tujuan blog adalah untuk menghasilkan uang kan ? salah satunya dengan membuat iklan melayang.
Langkah2nya sebagai berikut :

1. Masuk ke desain / rancangan
2. Kemudian Tata letak
3. Trus tambah gadget
3. Pilih Html/java Script
4. Copy paste kode script berikut :


<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>

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

Yang di beri warna biru adalah tempat untuk menyimpan script iklan

Demikian cara membuat iklan melayang di blog.

Semoga bermanfaat.

0 komentar :

Posting Komentar

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Lady Gaga , Salman Khan