Membuat cbox terapung

Mungkin teman-teman pernah jalan-jalan ke blog orang lain dan melihat ada kotak comment yang mengapung(hehehe...)
nah aku mau berbagi cara membuatnya,
Langkah 1
Login ke blogger
Langkah 2
Masuk ke bagian "Tata Letak - Elemen Halaman"
Langkah 3
"Tambah Gadget" Baru dengan tipe "HTML/JavaScript"
Langkah 4
Masukan (copy paste) kode dibawah ini pada isi/konten gadget yang baru kita buat:

<style type="text/css"><br />#nempel{position:fixed;top:65px;z-index:+1000;}<style type="text/css"><br />#nempel{position:fixed;top:65px;z-index:+1000;}<br />* html #nempel{position:relative;}<br />.nempeltab{height:100px;width:30px;float:left;cursor:pointer;background: #A5BD51 url('http://lh5.ggpht.com/_xcD4JK_dIjU/Stq23DPOQUI/AAAAAAAADhQ/2imPnFpVUrA/d/floatnav.jpg')no-repeat;}<br />.nempelisi{float:left;border:2px solid #A5BD51;background:#CCFFFF;padding:8px;}<br /></style><br /><script type="text/javascript">function showHideNempel(){var nempel = document.getElementById("nempel");var w = nempel.offsetWidth;nempel.opened ? moveNempel(0, 30-w) : moveNempel(20-w, 0);nempel.opened = !nempel.opened;}function moveNempel(x0, xf){var nempel = document.getElementById("nempel");var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;nempel.style.right = x.toString() + "px";if(x0!=xf){setTimeout("moveNempel("+x+", "+xf+")", 10);}}</script><br /><div id="nempel"><br /><div class="nempeltab" onclick="showHideNempel()"></div><br /><div class="nempelisi"><br /><!-- BEGIN CBOX - www.cbox.ws - v001 --><div id="cboxdiv" style="text-align: center; line-height: 0"><div><iframe frameborder="0" marginheight="2" marginwidth="2" height="200" src="http://www6.cbox.ws/box/?boxid=317024&boxtag=qs1dez&sec=main" id="cboxmain" scrolling="auto" style="border:#00ff00 3px solid;" width="150" allowtransparency="yes" name="cboxmain"></iframe></div><div><iframe frameborder="0" marginheight="2" marginwidth="2" height="85" src="http://www6.cbox.ws/box/?boxid=317024&boxtag=qs1dez&sec=form" id="cboxform" scrolling="no" style="border:#00ff00 3px solid;border-top:2px" width="150" allowtransparency="yes" name="cboxform"></iframe></div></div><!-- END CBOX --> --><br /><div style="text-align:right;"><a style="text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 12px;" href="javascript:showHideNempel()">[Close]</a></div><br /><span><a style="font-size: 10px; cursor:pointer; text-decoration:none; font-family:Arial, Helvetica, sans-serif; color: #999" href="http://vapraboys.blogspot.com" target="_blank">Widget by Blogger Tune-Up</a></span><br /></div><br /></div><br /><script type="text/javascript">var nempel = document.getElementById("nempel");nempel.style.right = (30-nempel.offsetWidth).toString() + "px";</script>

Langkah 6
Simpan Gadget dan Preview blog
contohnya klik KLIK DISINI