Membuat Gadget Melayang

Kali ini saya akan memberikan tips untuk membuat Gadget Melayang untuk blog anda. Sebenarnya cara ini sudah banyak blog lain membahasnya, tapi gak apa lah buat nambah postingan :). Cara ini digunakan agar Gadget yang anda tampilkan dapat lebih terlihat atau menarik perhatian pengunjung blog anda, seperti gadget Iklan, Buku Tamu, dll. Caranya mudah sekali. Anda hanya cukup mengikuti langkah-langkah berikut:

1. Buka Account Blogger Anda, Masuk ke Layout/Tata Letak/Rancangan
2. Kemudian "Tambah Gadget"
3. Klik "HTML/Javascript"
4. 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()">

.:[Tutup][Klik 2x]:.

</a>

</div>

<center>

PASANG KODE IKLANNYA DISINI

<blink><a href="http://www.arisanrupiah.com/?id=rahim"><b style="color: blue;">Bisnis Modal Kecil Hasil Besar</b></a></blink>

</center>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.center = (30-gb.offsetWidth).toString() + "px";

</script></div></div>

5. Simpan


Silakan refresh blog anda, iklan anda sudah melayang.

Jika anda merasa artikel ini bagus, silakan berlangganan artikel via email

dengan cara MASUKKAN ALAMAT EMAIL anda pada form di bawah ini,

kami akan mengirimkan artikel terbaru langsung ke email anda :