Trik Buku Tamu

Bila anda ingin menampilkan show/hide floating shoutbox anda, anda lihat dismping sebelah atakanan atas blog ini terdapat tulisan guest book yaitu buku tamu, yang bila anda klik akan tampil ditengah blog.anda tertarik membuatnya???
langkah jelasnya sebagai berikut.
Bila anda ingin menampilkan show/hide floating shoutbox anda, anda lihat dismping sebelah atakanan atas blog ini terdapat tulisan guest book yaitu buku tamu, yang bila anda klik akan tampil ditengah blog.anda tertarik membuatnya???
langkah jelasnya sebagai berikut.
- Langkah pertama login ke blogger.com
- Pilih Layout/Tata Letak lalu Add Gadget/Tambah Gadget klik, HTML/Javascript.
- masukkan/CopyPaste kode berikut kedalam kotak yang telah disediakan
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:130px;
width:50px;
margin-right:-3px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJO4okjvWIeI4MiEd08NFi2RR-F9Wc2f6Qts-1QGfHoTY4mVhNRWkNpft2CU8x1LagTHHBvOGdbBSYaWoNZoG4X1eV2bHxFcAX8qyupMDsEQMO27ci9gDcDdpXpsuoIiH_V1vYjiHAXU-x/s1600/gust+book+02.png') no-repeat;
}
.gbcontent{
float:left;
border-top: 10px solid #aa4545;
border-bottom: 10px solid #aa4545;
border-left: 10px solid #fc5050;
border-right: 10px solid #fc5050;
background:#cc0000;
padding:10px;
margin-right:200px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 50-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">
kode/script buku tamu(shoutmix) kamu<br/>

<br/>

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

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>
- Shoutbok tersebut bila diklik akan tampil di tengah layar, bila anda ingin menampilkannya pada sisi kiri layar, silahkan anda
ganti kode 200 dibawah dengan angak 0.

- Langkah terakhir klik simpan
Semoga Berhasil...

Anda sedang membaca artikel Trik Buku Tamu Anda bisa menemukan artikel Trik Buku Tamu dengan url http://qirabablog.blogspot.com/2010/08/trik-buku-tamu.html, Anda boleh menyebarkannya atau mengcopy paste-nya jika artikel Trik Buku Tamu ini bermanfaat bagi semua teman-teman, namun jangan lupa untuk meletakkan link Trik Buku Tamu sebagai sumbernya.