Tentunya para blogger telah mengetahui tentang widget CBox, ShoutBox dsbnya.
Nah kali ini saya akan share bagaimana membuat Widget tersebut melayang di samping Blog sehingga menghemat tempat widget.
Bagi yang belum memliki salah satu widget dari yang saya sebutkan diatas dapat langsung meluncur ke situs penyedianya atau klik DISINI
Saya lebih memilih menggunakan CBox karena proses Registrasi yang mudah, simple, user friendly dan pengambilan script widget yang mudah.
Berikut ini script untuk membuat buku tamu melayang di samping halaman blog
<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;}
.gbtab{ height:200px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI6OuYMvaL67GWI3okdnV2PQaWf3i8maVXceWeiNglwMmyD3CVHmFx0maBSzfvO_ALbtf_e_bHDQrU5WZrqI5Wwv2gK8ljz6TIy1IQxA5eoLJLUUjVxjafNCa0pI-32DRm0_EG1LzSjK3z/s128/345o85i.gif') 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">
<!-- SCRIPT CBOX KAMU LETAKKAN DISINI-->
<div style="text-align:right"> <a href="javascript:showHideGB()"> [CLOSE] </a> </div>
</div>
<script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script></div>
