Pasang Widget Buku Tamu Light Effect

Berikut Priview Gambarnya :

Baiklah jika sobat ingin memasangnya silahkan ikuti langkah-langkah berikut :

1. Login Ke Akun Blog Sobat

2. Pilih Rancangan/Tata Letak
3. Tambah Gadget/Add Gadget Pilih HTML JAVA SCRIPT
4. Masukan Script Berikut Di dalamnya.

<!-- Start guestbook light effect -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src="http://-blogspot-com.googlecode.com/files/guestbook_lighteffect.js"></script>
<style type="text/css">
a {color:#cccccc; text-decoration:none}
img { border:0; }
#move {position:fixed;left:0;top:0;z-index:5000;
background-color:black;
display:none;
}
#house .window {
position:fixed;left:0;top:0;
padding:8px 8px 8px 8px;
display:none;z-index:9999;
}
#house #UTcbox {
background:#111111;opacity:0.9;
border-radius:8px;padding:8px 8px 8px 8px;
border:2px solid #ccc;
}
#closed {
padding:2px 0 0 0;
}
</style>
<ul><div style=display:scroll; position:fixed; top:190px; left:-2px;>
<a href="#UTcbox" name="utta"><img border="0" alt="utta" title="Open Guest Book" src="http://picturestack.com/155/44/jFCut2a4downbCIi.png" width="54" height="171" /></a> </div>
</ul>

<div id="house">

<!-- Start guestbook -->

<center>
<div id="UTcbox" class="window">

<--- KODE GUESTBOOK ANDA --->

<div id="closed">
<input type="button" value="Close Here" class="close" /></div>

</div>
</center></div>
<!-- End guestbook -->

<div id="move">
</div>
<!-- End guestbook light effect -->

5.Terakhir Save, dan Lihat hasilnya.

Catatan :

- Teks ang Berwarna hijau adalah scriptnya, jika sobat sudah pernah memasangnya, maka script diatas tidak perlu lagi (biar gak double).
- Sedangkan yang berwarna merah ganti dengan kode Cbox.

NB : Jika sobat belum memiliki Buku tamu untuk chatting bisa lihat tutorial pembuatannya disini..

Semoga tutorial ini berguna bagi anda. TRIMS ^^