Cara Membuat Buku Tamu buka tutup pada blog

Cara Membuat Buku Tamu buka tutup - Kali ini saya akan mencoba untuk share tentang Cara Membuat Buku Tamu buka tutup. Setelah saya coba browser di google, saya menemukan beberapa cara untuk membuat buku tamu agar bisa di buka dan ditutup. Gak susah kok untuk membuatnya pada blog anda semua. 

Berikut contohnya :

Bagaimana cara membuatnya?

Gampang banget. Tapi maaf tutorial blog kali khusus pemilik blog blogsot. Untuk blog WordPress seperti muktiblog ini saya coba tidak bisa. Malah kacau.

1. Login ke blogger.com

2. Klik Design atau Rancangan

3. Lalu klik Tambah Gadget

4. Pilih HTML/Javascript

5. Masukkan kode di bawah ini di area HTML/Java Script.

6. Jangan lupa masukkan kode Buku Tamu anda di tempat yang bertuliskan Kode Buku Tamu anda di sini. Ganti dengan kode buku tamu anda

Ini kodenya :

<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(‘https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitAyzzX7sHD_sGcXAgONBImu4a-xSmrljN9VtwyHNmq-kZDEpkub3BEFHx8iGrGbIqdgZUXcbVkFd8_B8dljxJZlKalkQBAj2W-_-ciZmPLM3GFkAK8Ei-lI5wrGDJw725qXnoznyd-yjQ/s320/tabs.png’) no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
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 onclick=”showHideGB()”> </div>
<div>

—-Kode Buku Tamu anda di sini—–

<div style=”text-align:right”>
<a href=”javascript:showHideGB()”>
[close/tutup]
</a>
</div>
</div>
</div>
<script type=”text/javascript”>
var gb = document.getElementById(“gb”);
gb.style.right = (30-gb.offsetWidth).toString() + “px”;
</script>

7. Terakhir klik Save atau Simpan. Lihat hasilnya.

Terima kasih atas kunjungannya. Indahnya berbagi :)