Cara Membuat Buku Tamu Blog Anda

Membuat Menu Buku tamu di Samping

Untuk menghemat halaman Blog Anda, agar tidak terlalu banyak widget yang terpasang atau Anda ingin memasang iklan dapan menggunakan menu ini, caranya :

1. Log In pada Blog Anda
2. Tambah Gadget
3. Copy paste Kode HTML di bawah ini :

<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/AVvXsEhpKa3EfsHtW18b7ukzc1lU9o2uXLyu7ZF8pN4f5tO6T9T56CthYOAoz-hI0Gb5_l8KTNeTbNvW8TzYpygFgcx1ET_jdH-vReQjngvqv3Vo-Gakz5BzHT_TPMEzUypX6xB9BtcKkYQqTjFT/') 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">
Pasang Iklan Gratis
<br />
http://wartono.blogspot.com
<br />

<br /><br />
<!-- End ShoutMix -->

<a href="javascript:showHideGB()">
[Keluar]
</a>
</div>

</div>

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


<!-- socialize.js script should only be included once -->
<script type="text/javascript" src="http://cdn.gigya.com/js/socialize.js?apiKey=2_ay16xXCA90i0zbQVeB1RhxwV1YHibQbZ20DYg537ohZLPpZWqID6qJF5wJqS9Xc_"></script>
<script type="text/javascript">
var conf=
{
APIKey: '2_ay16xXCA90i0zbQVeB1RhxwV1YHibQbZ20DYg537ohZLPpZWqID6qJF5wJqS9Xc_'
,enabledProviders: 'facebook,twitter,myspace,yahoo,google,linkedin,liveid,blogger,wordpress,typepad,livejournal,openid'
}
</script>

<script>
var gs_partner = '1268421'
var gs_apikey = '2_ay16xXCA90i0zbQVeB1RhxwV1YHibQbZ20DYg537ohZLPpZWqID6qJF5wJqS9Xc_'
</script>
<script src='http://toolbar.cdn.gigya.com/v2/toolbar.js'></script>

4. Isi kode HTML Shoutmix, Oggix,dsb pada kolom berwarna kuning

*Ket . Menu ini tidak hanya dapat disi dengan menu shoutmix, Anda juga bisa memasukkan gadget lainnya seperi iklan,dsb dengan menambahkan <br />  setelah kode HTML yang telah Anda masukan,begitu pula jika Anda akan menambahkannya lagi.

Selamat Mencoba !!!

Posted in: Tutorial Blog