Saturday, July 27, 2013

Buat Buku tamu melayang



ok langsung aja

Masuk ke akun Blogger kalian

klik rancangan

klik tambah gadget

klik html/javascript

trus copy - paste code berikut ke kotak konten/content


<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://i37.tinypic.com/345o85i.gif') 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">

<!-- Kode buku tamu disini -->

<br />


Ingin buat buku tamu melayang seperti ini klik di <a href="http://limit-sky1.blogspot.com/2010/12/buat-buku-tamu-melayang.html"><b>Sini</b></a>

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

</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>


ganti seluruh tulisan <!-- Kode buku tamu disini --> dengan kode buku tamumu...

simpan lalu selesai deh...

Semoga Bermanfaat

Diterbitkan Oleh : aanFurqaan aan

Christian angkouw Anda sedang membaca artikel tentang Buat Buku tamu melayang. Oleh Admin, Anda diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di ukang-blogger
Share On:
Comments
1 Comments

1 comment:

1. Komentar SPAM Akan secepatnya dihapus
2. Pastikan untuk " Berlangganan Lewat Email " untuk membangun kreatifitas blog ini
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.

Sekian dan terimakasih