Cara Membuat Buku Tamu "Tersembunyi"

Artilkel mengenai hal ini {Membuat Buku Tamu "Tersembunyi"}, pastinya sudah banyak ditulis di blog lain. Tapi di sebelah bawah buku tamu tersebut, diletakkan "link" untuk menuju blog tempat script itu berasal. Mungkin ini adalah suatu trik untuk meningkatkan pengunjung blog tempat "script itu berasal". Wajar memang. Tapi menurut saya, jadi mengurangi keindahan "buku tamu" tersebut. Kemudian ketika "link" itu dihilangkan, si-buku tamu malah benar-benar sembunyi alias hilang ngga kelihatan.

Nah kemudian ketika saya blogwalking, ngga senggaja saya mengunjungi blog yang ada buku tamu tersembunyi. Tapi di buku tamu tersebut ngga ada link-nya. Saya langsung penasaran ingin tahu scriptnya seperti apa. Karena ngga dijelaskan scriptnya seperti apa, saya intip saja "page source"-nya. Cuman di situ ngga ada script buat "[close]", jadi saya tambahin saja meskipun ngga pas. Hehehe...

Contoh buku tamu tersembunyinya ada di sebelah sisi kanan blog ini.
Dan scriptnya sebagai berikut:

<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://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.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">
<!-- Ganti ini dengan kode buku tamu kamu -->
<br/>
<br/>
<a href="http://forantum.blogspot.com">.
</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

-------------------------------------
--- gantilah dengan kode script ShoutMix atau ChatBox milik Sobat. atau yang berwarna merah
top:50px; ------- merupakan posisi, Sobat bisa atur....
Tips, aturlah size Shout Mix atau ChatBox sobat supaya sesuai dengan script barunya.
Kembali Ke Atas Go down