Pilih Buku Tamu Atau Guestbook?

Cara Membuat Buku Tamu - Pilih Buku Tamu Atau Guestbook? Terserah sieh kalau sudah lama di Inggris mungkin lebih familiar dengan penyebutan Guestbook. Buku Tamu juga tak akan jadi masalah karena kita hidup di Indonesia.  

Membuat Buku Tamu di Blog ini sebenarnya postingan lama ketika saya baru belajar blogging. Namun salah langkah bila keinginan menjaring visitor lewat pencariaan Google dari Cara Membuat Buku Tamu dengan memberi judul Sarapan Pagi Dengan Membuat Buku Tamu. Meski sudah saya ganti judul, tetap saja Url-nya sarapan pagi.

Buku Tamu atau Guestbook disebut juga Log Pengunjung, buku tamu dalam sebuah web atau blog adalah kertas yang disediakan namun berupa kertas elektronik dan sarana untuk pengunjung guna memberi tapak kunjungan mereka ke situs atau blog dengan meninggalkan nama, url(jika diinginkan), dan komentar atau catatan, jika diinginkan pula. Di Web, buku tamu adalah sistem logging yang memungkinkan pengunjung sebuah situs untuk meninggalkan komentar publik.

Simsalabim!
Copy Pastekan kode script dibawah ini pada widget sobat, hasilnya akan tampak seperti widget Follow Cinta Deras datang dari atas:

 <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 solid #999;

background: #000;

-moz-border-radius-topleft:15px;

-moz-border-radius-topright:15px;

-moz-border-radius-bottomleft:15px;

-moz-border-radius-bottomright:15px;

padding:10px;

-moz-box-shadow: 0px 2px 5px 0px #f8f9b9;

}

</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:#000;">

<!-- Simpan Kode cbox disini -->

</div>

</div>

<br />

<div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4zF3YlE0a0-yzMwuX_Bf3QVyJ6xHA9ikKudXOV2RRo6zr1W_LYEUudkmS0jMdE7c_3DCaKki1Fz-f-s1PTSvcNC_8z0RSlYJUtf7wWo44c2b92Ul8nqjVxpfXHyjXkgEKlSEFG92bvPwp/s1600/Cbox.jpg" alt="close" title="Click here to Close Cbox" /></a></div>

</div></div>

<script type="text/javascript">

var at = document.getElementById("at");

at.style.top = (-200-at.offsetWidth).toString() + "px";

</script>

<center><a href="javascript:void(0);"onclick="showHideAT()"/><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4zF3YlE0a0-yzMwuX_Bf3QVyJ6xHA9ikKudXOV2RRo6zr1W_LYEUudkmS0jMdE7c_3DCaKki1Fz-f-s1PTSvcNC_8z0RSlYJUtf7wWo44c2b92Ul8nqjVxpfXHyjXkgEKlSEFG92bvPwp/s1600/Cbox.jpg" alt="cbox" title="Click here to open Guest Book" /></a></center>

Kode dan penjelasaan Cara Membuat Buku Tamu yang lengkap ada di blog Shaka Inghets, silahkan telusuri lebih lanjut. Semoga bisa bermanfaat and tentunya Happy Blogging.