Membuat Buku Tamu yang Buka Tutup

Bismilah,,,,

ini postingan kedua saya,,, sebenernya masih rada bingung tapi akhirnya sedikit2 ngerti,, saya jalan2 dan akhirnya ketemu http://kurniasepta.blogspot.com dan saya coba praktekin tutorial yang ada disitu. dan ternyata hasilnya AJIB......!!!

bUAT temen2 yang mau bikin buku tamu seperti saya bisa ikutin petunjuk dibawah ini



 Semoga bermanfaat


Cara Membuat Buku Tamu yang Buka Tutup
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode script berikut ini:

<style type="text/css">
#gb{
position:fixed;
top:100px;
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/AVvXsEjprsNSguTk9gOqvdseOUdmjOk_pCi0aE_J8u92KUgBW_aPJeYZILvFopG1GxeXN2IVTzkkGcYwOzsWcFiNVL5_e5iIbKkC8PBbEXLS30eX4T92DWQhCgXgCZMgrPYJYVS-ukwYQ8SEp8ld/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:2px;
}
</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">

TARUH KODE WIDGET SHOUTOXMU DI SINI

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

Kita taruh kode yang sudah peroleh dari shoutmix atau cbox ditempatnya (TARUH KODE WIDGET SHOUTOXMU DI SINI). Dan Simpan jika sudah selesai.