Cara membuat buku tamu tersembunyi disamping blog

hai agan ..... pagi ini aku dapat ide "sesuatu" share (berbagi) tentang cara membuat buku tamu tambil tersembunyi di samping blog. Agan perhatikan langkah-langkahnya ya.

1. Harus punya kode script buku tamu dulu. Jika belum silahkan kunjungi http://cbox.ws/, 

    setelah dapat simpen dulu di notepad

2. Sekarang kita mulai dari Login ke blogger.com dulu

3. Klik Rancangan, pilih Add Widget, pilih HTML/Javascript (nggak usah dikasih judul)

4. Paste script ini :

<style type="text/css">
#gb{
position:fixed;
top:23px;
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">

( Tempatkan Script Buku Tamu kalian disini)
<br/>

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

</div>

</div>

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

5. Ganti script warna merah dengan script buku tamu yang agan simpan di notepad tadi

6. Untuk warna biru bisa diganti (dengan url gambar) jika pingin, jika tidak juga nggak papa 

7. Simpan

Selesai gan..... selamat mencoba

ettt... jangan lupa tinggalin sesuatu di blog ini (komentar, isi buku tamu, klik Facebook Page, dll hehe... biar tambah rame gan).

Salam S2mister ......

Posted in: Dunia Blogger