Untuk membuat buku tamu
yang bisa buka tutup ini, silahkan Anda buat widget shoutbox yang bisa
didapatkan di shoutmix atau cbox Di sana kita registrasi dan
buat widgetnya lalu ambil kodenya.
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 :
<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/AVvXsEi5pi6SsaxIjKN6eRQVrm0DICQoTEgYufoTGugwvEyBCMek11LKEBeOI2AGn2X-p5ozqUgkZVOTX59SMLkRMIfNJgMefISEgPL3k5YbckTfcyFiqkd_l02DPOCEmFuTOoGDhCE2Tq9khrQm/')
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>
Selanjut nya letakkan kode yang sudah peroleh dari shoutmix atau cbox atau dari web lain ditempatnya (TARUH KODE WIDGET SHOUTOXMU DI
SINI). Dan Simpan jika sudah selesai.