Halo sobat... Kali ini Asal Suka menulis mengenai menempatkan 2 Konten tersembunyi, atau yang sering digunakan orang untuk menempatkan Buku Tamu. Memang ini adalah Trik lama yang Asal Suka coba kembangkan, sehingga dapat Anda gunakan dengan Buku Tamu Tersembunyi Anda yang telah Anda gunakan.
Asal Suka sebenarnya hanya mencoba-coba saja. Saat pertama menempatkan script yang sama pada tempat yang sama, ternyata tidak berhasil dan hanya satu yang muncul apabila kita mengklik gambar Buku Tamunya. Setelah saya berubah sedikit code/script, ternyata berhasil dan Asal Suka ingin berbagi dengan Anda sekalian.
Jika kita lihat, gambar diatas merupakan contoh tampilan milik Asal Suka.
Seperti biasa, Anda hanya memasukan script/code kedalam gadget/wiget Anda.
Salin aja kode ini:
<style type="text/css">
#gbs{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gbs{position:relative;}
.gbtabs{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('bukutamuright.png') no-repeat;
}
.gbcontents{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGBs(){
var gbs = document.getElementById("gbs");
var w = gbs.offsetWidth;
gbs.opened ? moveGBs(0, 30-w) : moveGBs(20-w, 0);
gbs.opened = !gbs.opened;
}
function moveGBs(x0, xf){
var gbs = document.getElementById("gbs");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gbs.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGBs("+x+", "+xf+")", 10);}
}
</script>
<div id="gbs">
<div class="gbtabs" onclick="showHideGBs()"> </div>
<div class="gbcontents">
<!--- Put Your code Start here --->
<!--- End here--->
<div style="text-align:right">
<a href="javascript:showHideGBs()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gbs = document.getElementById("gbs");
gbs.style.right = (30-gbs.offsetWidth).toString() + "px";
</script>
Info: Content yang mau Anda pasang, taruh sesudah <!--- Put Your code Start here ---> dan sebelum <!--- End here--->.. Jangan lupa.. ^^
Nah, Inilah posting Asal Suka kali ini. Jika Ada pertanyaan, Silahkan ditanya ke Saya...^^
Terima kasih sudah berkunjung...
Happy Blogging ^^...
