Cara Membuat Buku Tamu Tersembunyi

Cara Membuat Buku Tamu Tersembunyi | Tutorial Blog kali ini Mengulas Cara Membuat Buku Tamu Tersembunyi di Blog Sobat, tujuan Pasang Buku Tamu adalah, agar jika ada Blogger yang berkunjung Bisa meninggalkan jejaknya di blog sobat, banyak keutungan lain nya dari buku tamu ini, nah buat sobat blogger yang ingin tau Cara Membuat Buku Tamu Tersembunyi ini, perhatikan cara berikut ini

1.login ke Shoutmix. daftar di sana, setelah dapat kodenya, copy kan scrip 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/AVvXsEiCvXpU1x1AcBeTHgTT62lb8uTmlUBNWNfe1WSbQhTGQBX0pCwrQQWHnvfd3MGoAGVSnOSH8NfNkjMxc4sSKaizNP4ND4kgSv6HV5NMwuUELg6SFepO-6iGXESZ5O3gfi6MmosmsjZBdvg/s1600/alibloggers.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #00FF00;
background:url('http://i1193.photobucket.com/albums/aa346/muhammadwali/star.gif')repeat;
padding:15px;
}
</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"><!-- Begin ShoutMix - http://www.shoutmix.com --><iframe title="muhammadwali1985" src="http://www.shoutmix.com/?muhammadwali" width="240" height="420" frameborder="0" scrolling="auto"><a href="http://www.shoutmix.com/?muhammadwali">View shoutbox</a></iframe><br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br /><!-- End ShoutMix -->
<div style="text-align:right">
<a href="http://m-wali.blogspot.com/2011/12/cara-membuat-buku-tamu-tersembunyi.html">
[cara buat buku tamu]
</a>|<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>

2. Ganti yang bewarna Kuning dengan kode buku tamu anda.
3. pergi ke dasbor blogger, add widget->HTML , lalu simpan dan lihat hasilnya

Original From : http://m-wali.blogspot.com/2011/12/cara-membuat-buku-tamu-tersembunyi.html#ixzz1gxlruPh3