Translate

Tuesday, December 14, 2010

Cara membuat buku tamu tersembunyi dan muncul secara otomatis


Halo sahabat netter/blogger semua, sapaan hangat ini mengawali pembahasan kita mengenai bagaimana cara membuat buku tamu yang dapat tersembunyi dan muncul secara otomatis pada blog gratisan milik kita (seperti punyake ini... heheheeee). Alasan mengapa kita membuat "buku tamu" seperti ini, pastinya kita ingin membuat blog kita nampak indah, dan menghemat ruang agar blog kita kita terlihat penuh dan amburadul hahahaaa,,, bayangkan, klo blog kita udah banyak postingannya dan disana sini banner berterbangan? males kan ngelihatnya? ebenarnya trik ini saya dapat juga dari blog tetangga, Oke langsung aja kita mulai pelajaran kita hari ini, (hahahaaaa kayak anak SD aja?), copy dan paste script di bawah ini pada gadget script  (add a gadget) anda, tentunya harus login dan "lain sebagainya dong"...? udah tahu kan...? udah tahu dong....? ya udah lah...? heheheee... klo belom tahu silahkan tulis pertanyaan anda pada buku tamu, atau berikan komentar....ini scriptnya.

<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 -->

<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

</div>

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


CATATAN: Ganti  script <!-- Ganti ini dengan kode buku tamu kamu --> dengan script yang anda dapatkan dari web layanan "buku tamu" seperti CBOX dan SHOUTMIX
SOURCE: http://infotentangblog.blogspot.com/2009/07/membuat-buku-tamu-tersembunyi.html

1 comment:

Please leave your comment and follow this blog if you like this posting....