Membuat Buku Tamu Yang bisa di Buka dan bisa di Tutup

Buku tamu ini kita buat untuk menghemat tempat di halaman blog kita sobattt....Script ini akan menampilkan sebuah tombol saja, yang nantinya ketika kita click tombol tersebut (tombol buku tamu), maka akan mengeluarkan script widget yang kita sudah buat sebelumnya.......penasarankan langsung saja ini langkahnya :

Login Ke blogger
Pilih Rancangan > tambah gadget > pilih HTML/Java Script > klik tanda Plus (+)
Copy paste script berikut :

<style type="text/css">
#gb{
position:fixed;
top:100px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i1089.photobucket.com/albums/i353/illankjie/bukutamu9-2.png') no-repeat;
}

.gbcontent{

float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:2px;
}
</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"gbtab" onclick="showHideGB()"> </div>
<div"gbcontent">

Simpan disini script atau kode shoutMix chat widget....................

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

http://i1089.photobucket.com/albums/i353/illankjie/bukutamu9-2.png bisa anda ganti gambar sesuai keinginan anda sobat, coba ganti dengan alamat gambar dibawah....
Simpan disini script atau kode shoutMix chat widget....................silahkan simpan script shoutmix widget yang tertulis merah diatas....jika belum punya script shoutmix bisa anda buat disini....
Setelah dapat script-nya paste di antara script diatas...

-------------------------------------------------------------------------------------

http://i1089.photobucket.com/albums/i353/illankjie/bukutamu3.png

http://i1089.photobucket.com/albums/i353/illankjie/bukutamu5-2.png

http://i1089.photobucket.com/albums/i353/illankjie/bukutamu9-2.png

http://i1089.photobucket.com/albums/i353/illankjie/BukuTamu8-1.png

http://i1089.photobucket.com/albums/i353/illankjie/gustbook02-1.png

----------------------------------------------------------------------

Salam yahhh untuk semua,,,semoga berhasillll aku doa innn...............aminnnn...

Hampir lupa di SAVE yachhh????

Anda baru saja membaca artikel yang berkategori Blog dengan judul Membuat Buku Tamu Yang bisa di Buka dan bisa di Tutup. Anda bisa bookmark halaman ini dengan URL http://ilmu27.blogspot.com/2011/08/membuat-buku-tamu-yang-bisa-di-buka-dan.html. Terima kasih!