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://ut2a-4down-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 :
- Sedangkan yang berwarna merah ganti dengan kode Cbox.
NB : Jika sobat belum memiliki Buku tamu untuk chatting bisa lihat tutorial pembuatannya disini..
Jika Artikel ini menarik, Silahkan copy paste permalink berikut ini di blog sobat!
nah yg ini yang cocok, he
BalasHapusdcoba gan. thx