Cara Membuat Buku Tamu Merem Melek

Cara Membuat Buku Tamu Tersembunyi di blog | Mungkin tutorial ini sudah basi bagi anda untuk senior blogger. Tapi tidak ada salahnya saya share lagi khusus yang masih newbie banget atau baru memulai terjun di dunia blogger masih membutuhkan tutorial ini. Postingan kali ini membahas tentang bagaimana cara membuat buku tamu di blogspot/blogger.

Untuk cara membuat dan memasang buku tamu, silahkan anda kunjungi dulu situs Shoutmix atau Cbox. Daftar dulu di sana ya untuk mendapatkan kode scriptnya dan nantinya anda simpan di notepad kode script buku tamunya. Ok saya anggap anda sudah mendaftar dan sudah mempunyai script buku tamu. 

Berikut langkah-langkah untuk cara bikin buku tamu tersembunyi

1. Login ke Blogger
2. Pilih Rancangan
3. Klik Tambah Gadget
4. Pilih HTML/Javascript
5. Kemudian anda copy kode di bawah ini dan paste ke dalam HTML/Javascript  :

<style type="text/css">
#gb{
position:fixed;
top:23px;
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/AVvXsEj8MrbH2OmS44PsOn3qD99rYEdWun88j9WI7k-0LI0DbLj70UrqtgfLLk0CvBRmCfGckf1hTzcHNT6natM6xCYDXPaMQAp6tBQH402aSZ8XJfJGj0jfhYMn5VAjmCTpgP3bRLozDn8zx7_t/') 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">

(Isi dengan Kode Script Buku Tamu Anda)

<br/>

<div style="text-align:right">
<a href="javascript:showHideGB()">
[Close]
</a>
</div>

</div>

</div>

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

Keterangan :
Yang saya kasih warna Pink : (Isi dengan Kode Script Buku Tamu Anda)


4. Selesai dan simpan

Nah sekian dulu pembahasan tentang cara praktis memasang buku tamu di blogspot, selamat mencoba dan happy blogging.