Cara Membuat "Box Pesan/Iklan" Melayang

Sebelumnya sich sudah pernah dibahas tentang "Membuat Box Pesan Melayang pada Blog" anggap saja ini seri atau Part 2, cara yang lebih mudah, gampang dan resiko kecil.

Bagi shobat sekalian yang ingin membuat Iklan atau Pesan tampak melayang di halaman blog ikutilah cara dibawah ini :

1. Silahkan Sign In dengan ID shobat masing-masing, jangan memakai ID orang lain he...he...he...
2. Klik Tata Letak
3. Tambah Gadget
4. Pilih kode HTML/Java Scrip

Silahkan copu code dibawah ini dan paste pada HTML/Java Scrip yang telah shobat pilih tadi

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

Pada tulisan berwarna hitam tebal silahkan ganti sesuai dengan keinginan Shobat Sekalian, Jangan lupa klik save/saimpan. Gimana Mudah bukan shobat sekalian.

Selamat mencoba dan selamat ber-Blog-Ria.