CaI9XRyuRMsHQ4t4PW0HiZpHKxw
INK KYT
Cara Pemesanan Cara Pembayaran
contact
klik Produk dan Cara Pembelian untuk melihat produk helm dan cara pembayarannya

Rabu, 30 Maret 2011

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('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">
<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

0 komentar:

Posting Komentar



ShoutMix chat widget
>