Membuat Buku Tamu Melayang pada Blog

Kalau anda merasa tampilan blog anda kurang nyaman karena kebanyakan widget, anda bisa mengakali agar widget anda bisa disembunyikan, salah satunya adalah menyembunyikan buku tamu (shoutbox). Caranya adalah sebagai berikut:

1. Login ke blog
2. Masuk ke Rancangan,
3. Masuk ke Edit Laman,
4. Tambahkan Gadget,
5. Pilih HTML/Javascript,
6. Lalu letakkan kode di bawah ini:
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i827.photobucket.com/albums/zz194/depalpiss/bukutamu10.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
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.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<!-- KODE SHOUTMIX ANDA --!>

<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

</div>

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

 Yang berwarna MERAH anda ganti dengan kode shoutmix (shoutbox) yang anda peroleh dari www.shoutmix.com .
7. Setelah itu save gadget, lalu llihat hasilnya.

TERIMA KASIH SUDAH MEMBACA POSTING DI ATAS. JANGAN LUPA TINGGALIN JEJAK DI KOMENTAR YA? ^_^

Post a Comment

Mohon Untuk Tidak Mencantumkan Nama Anonim Anda. Terima Kasih.