Cara Membuat Buku Tamu "Tersembunyi" dengan Satu Tab Saja (Tanpa Link)

.

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:0px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i937.photobucket.com/albums/ad219/asep_025/bk/1.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 -->
<div style="text-align:right">
<a href="javascript:showHideGB()">
<blink>
[close]
</blink>
</a>
</div>
</div>
</div>
</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>


Anda ingin mencobanya?

RELATED POST :


3 komentar:

Rinda mengatakan...

ntar ah pgn coba..thx inponya ya sep :D

Berbagi Informasi mengatakan...

udah di coba tapi kok aneh ya,coba lihat di blog saya apa nya yang salah...
makasih info nya...
http://infobersama97.blogspot.com

Asep mengatakan...

@infobersama. Sob, tulisan <!-- Ganti ini dengan kode buku tamu kamu -->. Tanda <!-- sama --> juga dihapus. Coba lagi OK?! :D

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar

Put My Banner On Your Blog

Blogger Template

Rinda's Template
 
Wadah Berbagi Informasi Tips Dan Trik ! is proudly powered by o-om.com | Modif by BLOG SulthanYusuf