Cara Pasang Buku Tamu Yang Bersembunyi Disamping

hm...hari ini aku akan posting tentang bagaimana cara memasang Buku tamu yang bisa sembunyi disamping. Jadi kalian nnt bisa membuka dan menutup buku tamu, jadi blog kalian bisa lebih longgar, okey langsung saja, sebelumnya kalau kalian belum punya www.shoutmix.com. kalian daftar dulu, muah kuk daftarnya tinggal ikuti saja langkah-langkahnya.

key langsung saja:

1. Masuk Ke Blogger kalian
2. Masuk Design.
3. Klik Add Gadget
4. Pilih Html/java script
5. Masukan Kode html di bawah ini

<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 3,
interval: 6000,
width: 100,
height: 100,
theme: {
shell: {
background: '#fa0d28',
color: '#ffffff'
},
tweets: {
background: '#f59505',
color: '#ffffff',
links: '#eb1a07'
}
},
features: {
scrollbar: true,
loop: false,
live: false,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'all'
}
}).render().setUser('rephery').start();
</script>

<style type="text/css">body {cursor:url("http://i166.photobucket.com/albums/u93/am13n/Header/cursor.gif"),default}</style>

<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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwinBzBB_MTlAJlg-UOTLUv6WcznDCKMIQtS271EIAwKb-d4drOkxmt7w2zczhtte19hjnqskzZDxqaTjW93cbGTMTTrC44cellVWoyhzOecJYMyjz5WADsi8GcexGQTogMPXIJ4AhI3sI/') 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">

Pasang code Html ShoutMix disini

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

Selesai.....kalian tinggal lihat saja hasilnya okey....semoga bermanfaat...