Membuat Buku Tamu Yang Tersembunyi Diblogger

Membuat Buku Tamu Yang Tersembunyi Diblogger

Buku Tamu adalah tempat untuk pembaca yang sedang online memberikan daftar hadir pada sebuah blog. Memasukkan nama, email, dan pesan merupakan sebuah komponen dari buku tamu. Namun sering kali dimanfaatkan untuk meletakkan url link menuju halaman website tertentu. Apabila kamu belum memiliki buku tamu, silahkan daftar terlebih dahulu Shoutmix/Cbox.

Seletah kamu melakukan pendaftaran, lakukan optimisasi warna buku tamu, warna text, dan background jika diperlukan.

Membuat Buku Tamu Tersembunyi :

1. Masuk ke Blogger,

2. Pilih Layout > Tambah Gadget / Widget,

3. Klik HTML/Javascript,

4. Masukkan kode di bawah ini ke dalam kotak box tersebut,

<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/AVvXsEj5Pf-GdvJHUx-HJmT-efAEqdlnxqPGzIuK9T5QSH_ZUZA_LscMzWL4jYvWWMSRWkyv7E4OLcZjFspQ9thIqDtPdzaGgtjTUje2yKWmedYZhPqGnM5RF2LEQRvwFxGZGah0mBuuSGuvXueO/s1600/impoint.blogspot.com+bukutamu.png') 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">
<Letakkan disini kode Buku Tamu Kamu>
<div style="text-align: center;"><span style="font-size: 10px;"><span style="font-family: "Trebuchet MS",sans-serif;">Supported by <a href="http://sazuke-4rt.blogspot.com/2013/01/buku-tamu.html" target="_blank">Sasuke Blog</a></span></span></div><div style="text-align:right"><a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>