Trik Membuat Buku Tamu Tersembunyi Versi KIOS HELM

Halo para helemer-helemers,, hehe.. Kali ini gw mau nulis cara membuat buku tamu (Shoutmix, Cbox, Shoutcamp, Google Friend connect atau yang lainnya juga bisa) yang bisa sembunyi versi KIOS HELM seperti pada blog ini (lihat di sebelah kanan) yang kalo di klik bisa maju-mundur,, hehe. Ga usah pake lama ini nih caranya :

1. Log in ke blog anda atau BLOGGER
2. Klik menu Rancangan
3. Klik menu Elemen Laman
4. Klik tambah gadget
5. Pilih HTML/JavaScript
6. Kemudian masukkan kode ini :

<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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL_iD1jjdAH9wa93Fyrps65B4khGtyxptR8BnJYBjsXCl-MuE1163UwoKY1nOY3_Hnj2Na_AqZ5LI2EYbMuitQPKKyB4FLP0LVEjVIpEK3FJj_V23EmHjHumxBm5CZ5dCzjsdcHIw8M2X8/') 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">
<div style='overflow:auto; width:auto; height:250px;'>
<Letakkan disini kode Html Shoutmix, Cbox, Shoutcamp, Google Friend connect atau yang lainnya juga bisa>

</div>

<div style="text-align:right">
<a href="http://kioshelm.blogspot.com">
[Widget by : KIOS HELM]
<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";

 Ganti tulisan berwarna merah diatas dengan kode Html Shoutmix, Cbox, Shoutcamp, Google Friend connect (atau yang lainnya juga bisa) milik anda. Setelah itu klik simpan maka widget buku tamu versi Kios Helm anda sudah jadi,, jangan lupa tulis komentar untuk kemajuan blog ini ya. Terimakasih

read more...