Memasang Buku Tamu Tersembunyi pada Blog

Contoh diatas adalah ShoutMix milik saya. Ini sebuah Untuk mengetahui kekurangan dan kelebitan website ato blog kita, sebaiknya memasang buku tamu pada blog. Untuk menyimpelkan buku tamu itu maka saya akan memberikan kode buku tamu tersembunyi dibagian blog. Langkah-langkahnya berikut:

• Silakan anda mendaftar ke situs free http://www.shoutmix.com


• Dapatkan kode shoutmix kamu;
  


• Masuk ke Account Blogger kamu, pilih Layout;
  


• Kemudian Page Elements;


• Klik Add a Gadget;


• Kemudian pilih HTML/JavaScript;


• Copy-paste kode di bawah ini:
  

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:210px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i1232.photobucket.com/albums/ff372/onk009/buku-tamu_03.gif') no-repeat;
}
.gbcontent{
float:left;
border:1px solid #ccc;
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">

<!-- Ganti ini dengan kode buku tamu kamu -->

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

• Pada kode yang berwarna biru, cari kode dan ganti kode tersebut dengan kode buku tamu (shoutmix) kamu;


• Kamu juga bisa atur posisinya.
  


• Silakan modifikasi sendiri.

Semoga bermanfaat dan sukses....!!!!