Cara membuat Guestbook di blogspot

Jika anda mempunyai blog sudah tentu anda menginginkan {FEEDBACK} daripada pengunjung-pengunjung di blog anda.Dengan adanya {FEEDBACK} daripada pengunjung-pengunjung ke blog anda itu sudah tentu sedikit sebanyak anda akan dapat menilai  hasil penulisan anda itu samaada disukai ataupun dibenci oleh mereka .Disamping itu dengan adanya guestbook juga tentu lebih menyenagkan pengunjung-pengunjung di blog anda membuat Spam blogwalking bertanya khabar berita.Oleh itu pada kali ini aku akan tunjukkan bagaimana cara untuk membuat Guestbook khasnya di blogspot.Untuk membuat Guestbook anda boleh gunakan Shoutmix ataupun Cbox .Walaupun sudah ramai dikalangan anda yang menggunakan Shoutmix dan juga Cbox tetapi kedudukan Shoutmix dan juga Cbox itu tidak terlalu bergaya jadi aku akan tunjukkan cara yang lebih bergaya untuk meletakkannya supaya lebih kelihatan seperti Guestbook..

Lihat Demo Guestbook..

Bagaimana suka tak?..Kalau berminat nak buat boleh ikuti cara-caranya dibawah.

1.Pergi ke layout.

2.Klik add a gadget;kemudian pilih HTML/JavaScript.

3.Kemudian anda copy semua JavaScript dibawah ini dan pastekan didalam HTML/JavaScript itu.

<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('http://i530.photobucket.com/albums/dd350/dadumerah79/tabs-1.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">

----------------sila tukarkan dengan kode Shoutmix atau Cbox anda--------------------

<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe scrolling="auto" width="160" frameborder="0" src="http://www5.shoutmix.com/?ariey79" height="400" title="ariey79">
<a href="http://www5.shoutmix.com/?ariey79">View shoutbox</a>
</iframe>
<br/><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br/>
<!-- End ShoutMix –>

------------------------------------------------------------------------------------------------------

<div style="text-align:right">
<a href="javascript:showHideGB()">
[Closed]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

4.Kemudian Klik Save.Selesai

Ada masa aku tunjukkan bagaimana nak membuat Guestbook dengan versi lain pula.