August 13, 2011

Membuat / Menampilkan iklan melayang

Postingan saya kali ini bukan hal yang baru kok. Sudah banyak ditempat lain yang menulis tentang ini.
tapi buat yang blom tau monggo dicoba..
Membuat iklan menjadi melayang sebagai berikut:

1. Buka Account Blogger Anda, Masuk ke Layout/Tata Letak
2. Kemudian "Tambah Gadget" diatas Header
4. Klik "HTML/Javascript"
5. Masukkan kode di bawah ini.









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


Masukkan Kode iklan anda pada bagian yang warna merah diatas.

Artikel Lainnya: