Cara Membuat Shoutbox Melayang di Sisi Layar Blog

Cara membuatnya :

1. Login blogger
2. Rancangan, Elemen laman, Tambah gadget, pilih Html/Java script
3. Lalu simpan kode berikut :

<style type="text/css"><br /> #gb{<br /> position:fixed;<br /> <span style="color: #000099;">top:50px;</span><br /> z-index:+1000;<br /> }<br /> * html #gb{position:relative;}<br /> <br /> .gbtab{<br /> height:100px;<br /> width:30px;<br /> float:left;<br /> cursor:pointer;<br /> background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAB9PAFBjgUXQbxS4sW07aU_JvhzAXJHJZ1uXaT4bx7RTqePgsI8_8Wu5EAsOo5s5Ci55lRjFwV-lIbO90cghs0fBBPhnHyclSChQqpZc_12G2hOLcWMKJtDrRs1ScT-255-Lw0xDQHgtm/') no-repeat;<br /> }<br /> .gbcontent{<br /> float:left;<br /> border:2px solid #A5BD51;<br /> background:#F5F5F5;<br /> padding:10px;<br /> }<br /> </style><br /> <br /> <script type="text/javascript"><br /> function showHideGB(){<br /> var gb = document.getElementById("gb");<br /> var w = gb.offsetWidth;<br /> gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);<br /> gb.opened = !gb.opened;<br /> }<br /> function moveGB(x0, xf){<br /> var gb = document.getElementById("gb");<br /> var dx = Math.abs(x0-xf) > 10 ? 5 : 1;<br /> var dir = xf>x0 ? 1 : -1;<br /> var x = x0 + dx * dir;<br /> gb.style.right = x.toString() + "px";<br /> if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}<br /> }<br /> </script><br /> <br /> <div id="gb"><br /> <br /> <div class="gbtab" onclick="showHideGB()"> </div><br /> <br /> <div class="gbcontent"><br /> <br /> <span style="color: red;"> <span style="color: blue;"><!-- Ganti ini dengan kode buku tamu kamu --></span></span><br /> <br /> <div style="text-align:right"><br /> <a href="javascript:showHideGB()"><br /> [tutup]<br /> </a><br /> </div><br /> <br /> </div><br /> <br /> </div><br /> <br /> <script type="text/javascript"><br /> var gb = document.getElementById("gb");<br /> gb.style.right = (30-gb.offsetWidth).toString() + "px";<br /> </script></span>

yang berwarna biru silankan ganti sesuai keinginan...

Save........