Membuat Buku Tamu Melayang

Para Blogger..,, kalian ingin mengetahui bagaimana membuat Widged buku tamu melayang yang seperti pada sebalah kanan Blog ini ..??

Untuk membuat tampilan tersebut tentunya kita kudu harus memiliki Account ShoutMix dahulu.., sebelum nya saya sudah memberikan tips, cara Membuat ShoutMix pada edisi sebelumnya. Jika belum paham / belum melilki Accout ShoutMix, mendingan kalian baca cara Membuat ShoutMix dahulu.

Jika sudah memiliki Accout ShotMix langkah selanjutnya ialah, kita ke menu : Design pilih Edit HTML.
oiya jangan lupa untuk mencentang / menceklis tanda Expand Widged Templates.

Setelah itu cari code / listing,

<div class='sidebar-right'>

untuk memudahkan mencarian, sebaikan tekan F3, dari KeyBoard.
lalu Copy dan Paste Code, di bawah code / listing yang tadi di sebutkan di atas.

<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/AVvXsEjPqqk23Dc0nP3Yeama_AYle__6iVdOFUI26-R7iS3YUgBchCPdPMdNSYMPH7l2yhED0ECTxdB5eJR_tacMXSGqzdWME7bMPGAGkKHy355h_BbGWCPXTQ5QTo2atkGJUwo7WC_2Gw39l0vg/') 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">

<code Accout ShoutMix kalian>

<div style="text-align:right">
<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>

Yang cetak berwarna Biru adalah di ganti oleh code HTML Accout ShoutMix kalian, lalu tinggal di save deh,,