Cara membuat shoutbox

Bagi semua blogger yang ada dimuka bumi ini pasti sudah banyak yang tahu tentang tutorial yang satu ini, yaitu tentang cara menyembunyikan shoutbox/bukutamu/guestbook. Ini hanya untuk melengkapi artikel saya saja ko. Tapi jika diantara pengunjung yang belum tahu silahkan saja membaca artikel ini dan terapkan diblog anda.

Sebelumnya anda siapkan kode untuk shoutboxnya, jika belum anda bisa buat disini

Setelah kode shoutbox anda siap ikuti cara menyembunyikannya di bawah ini :

1. Seperti biasa masuk ke blogger kemudian pilih rancangan dan klik elemen laman

2. Lalu letakkan kode di bawah ini di dalam widget anda

<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://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.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">

letakkan kode shoutbox anda disini!!

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

3. Kode yang berwarna hitam tebal ganti dengan script shoutbox anda dan untuk judul widget harus dikosongkan lalu klik Simpan

Selesai..............!!!

Read more: http://www.cahgogonity.co.cc/2011/02/membuat-shoutbox-buku-tamu-tersembunyi.html#ixzz1F7jTTC3y