Selamat datang. Terima kasih telah berkunjung.

Cara Buat Buku Tamu Melayang di Blog

Sabtu, 11 Desember 2010

Kalau sebelumnya kita sudah membuat buku tamu (kalau belum punya buku tamu silahkan lihat di sini), Sekarang kita buat buku tamu itu melayang.
Check it out :

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://gs-info.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 tamu yang sudah ada.
Simpan lalu lihat apa yang kelap kelip di sebelah kanan blog kamu. hehehe
Share this article :

1 komentar:

Pengunjung International


 
Other account : Facebook | Twitter |
Updated © 2013. Gerald's Blog - All Rights Reserved
Blog owned and designed by Gerald Shan Benediktus Simanullang