Beberapa hari yang lalu ada yang menanyakan gimana caranya membuat buku tamu yang seperti di blog ini. Nah kali ini Tonight Game akan share gimana caranya. Sebelumnya preview widget jadinya.
Setelah itu silahkan klik 'ShoutMix chat widget'
Setelah itu kita akan diredirect ke situs shoutmix, kalau kita belum terdaftar silahkan daftar dulu, penampakan halaman pendaftarannya seperti ini. Shoutbox ID adalah Login ID kita jadi jangan sampai terlupa.
Setelah proses pendaftaran selesai, jika tidak login otomatis silahkan login dulu dengan menggunakan login ID yang dibuat sebelumnya. Setelah login klik 'Get Codes' maka kita akan diredirect ke halaman berikut. Perhatikan tulisan yang di blok, itu adalah script shoutbox kita, copy paste script itu ke ms. word atau notepad.
Setelah itu perhatikan script yang didapat dari
sini
<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/AVvXsEihgkHe8ZTSG3ziBPCrg6DemLr3T7a-5MydyS45EsrL3JyNaWWNg9Wgo4pG-Y48omsFa7521pBG8sP3agKIzaoC-rA-TPCU1I2-RVnqx6XyvAZ6WrouUbCKRQgpC8-vxH6gS1fymzyYzRnE/') 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">
<!-- Ganti ini dengan kode buku tamu kamu -->
<br/>
Mau punya buku tamu seperti ini?<br/>
Klik di
<a href="http://infotentangblog.blogspot.com/2009/07/membuat-buku-tamu-tersembunyi.html">
sini (Info Blog)
</a>
<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>
Perhatikan tulisan
<!-- Ganti ini dengan kode buku tamu kamu -->. Hapus baris tulisan itu kemudian masukan script shoutbox yang kita dapat dari shoutmix.com. Jika sudah silahkan masukan script gabungan dari sini dan script shoutmix kita ke blog dengan cara Layout > add widget > copas script gabungan kita > save > dan lihatlah blog kita. :)
