top down
CLICK TITLE TO READ MORE/AYO GABUNG DI BISNIS ONLINE 100%GRATIS SILAHKAN CLICK BENER DI ATAS

13 Juli 2011

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

0 komentar:

Poskan Komentar

berilah komentar yang saling mendukung saling menghormati sesama

Related Posts Plugin for WordPress, Blogger...

Posting Terbaruku

Jika Artikel Atau Apa Yang Ada Di Blog Ini Bermanfaat Bagi Anda Jangan Lupa Komentarnya!! Di Bawah Ini Atau Di Buku Tamu Yang Ada Di Samping Kanan, Demi kemajuan Blog Ini

Buku Tamu Facebook

SELAMAT DATANG DI BLOG SHERING ILMU JANGAN LUPA KOMENTAR ANDA DI SINI!!
Widget by: Facebook Develop by:http://wwwsaidahmad.blogspot.com/

Entri Populer