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
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
tryy to comment
ReplyDelete