Floating Shoutmix (Buku Tamu) Di Blogger

Maaf karena saya masih Newbie, saya pengen belajar ngeblog disini, postingan ini sebenernya sudah lama banget, karena saya masih baru. jadi pengen belajar posting. dalam posting ini mau ngebahas trik yang lama. tapi ga pa2 kan?

Langsung aja, buat buku tamu melayang ato floating shoutmix pada blogger. pertama Login ke blogger > Design > Page Element. lalu add gadget html/javascript. paste script dibawah :

<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/AVvXsEh7jCpj7Gu5AhyvOIHt-uJVwzfBf8pwr3saMxmZtl89UJcJPITL1KMqEFMTC39a3J2fCFFqxwexjaszzDm5b5MiPBbl2-5DiifGgsm7WE7YD0GvFxYPIeDZepM8Qz8og9F0ilD0avpQZKCo/') 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">

<--ganti dengan script soutmix kamu-->

</a>
<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></div></div>

Keterangan :

Text yang warna biru, ganti sama script yang kamu dapatkan di shoutmix, Selamat mencoba....!!

Sumber Script di kutip dari : http://grow-download.blogspot.com/2009/10/memasang-buku-tamu-tersembunyi.html