Cara Membuat Buku Tamu Keren

Download Ilmu - Kali ini Download Ilmu ingin berbagi cara untuk membuat buku tamu yang keren dengan background yang bergerak. Buku tamu atau pesan untuk chat para pengunjung blog beguna untuk berdiskusi antar pemilik dengan pengunjung blog. Kelebihan menggunakan buku tamu adalah tempat berdiskusi bukan lagi di kolom komentar blog tetapi di layanan buku tamu tersebut.
Nah bagi yang berminat silahkan ikuti langkah-langkah berikut, untuk membuat buku tamu yang keren.

1. Pertama, login dulu ke Blogger
2. Setelah itu, pilih tab tataletak
3. Lalut pilih tambah gadget, pilih html/javascript
4. Kemudian masukkan kode dibawah ini.

<style type="text/css">
#at{
position:fixed;
right:450px;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url();
}
.atcontent{
float:left;
border:2px dotted #ff0000;
background:url(http://i51.tinypic.com/rcq4b7.gif) #000000 repeat-y center;
-webkit-border-bottom-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius-bottomright: 25px;
-moz-border-radius-bottomleft: 25px;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById("at");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}
}
</script>
<div id="at">
<div class="attab" onclick="showHideAT()"> </div>
<div class="atcontent">
<div align="center">
<div style="background:url() no-repeat;">
Kode Cbox Kamu 
</div>
</div>
<br />
<div align="center"><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="http://i1042.photobucket.com/albums/b429/Farix_2010/CloseComment-1.png" alt="close" title="Click here to Close Cbox" /></a></div>
<div align="right"><font size="2"><a href = "http://rizkyynwa.blogspot.com/2013/01/cara-membuat-buku-tamu-keren.html" target=_blank"><div style="color: #fff;">
<span style="font-size: x-small;">:: Get This Widget!! ::</span></div></a></font></div>
</div></div>
<script type="text/javascript">
var at = document.getElementById("at");
at.style.top = (-200-at.offsetWidth).toString() + "px";
</script>
<br/>
<center><a href="javascript:void(0);"onclick="showHideAT()"/><img border="0" src="http://www.leaguelineup.com/tylerlions/images/guestbook1.gif" alt="cbox" title="Click here to open Guest Book" /></a></center>

 5. Setelah itu simpan, dan lihat hasilnya

Ket : ganti tulisan yang berwarna merah dengan kode buku tamu anda. Anda bisa juga mendapatkan kode tersebut di cbox.com

Nah begitulah cara yang mudah untuk membuat buku tamu di blog yang keren. Untuk informasi tips blogging yang lainnya, klik di sini