membuat widget melayang "FLYING WIDGET" di blog

Bagi para blogger di blogspot.

• Seperti biasa, masuk ke layout blog,dan setting gadget dengan pilihan HTML/Java Scripts..
• Jika sudah buatlah nama pada widget yang baru ini... lalu Copas kode dibawah ini ke dalam widget HTML/Java Scripts tadi...

<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:150px; width:35px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho6m_ImHbBAb0cNtYLIlmJXMhlL-sWYQEd-WpK7mFb6WvfeU3pqZTm4k-7407yJQmRhruuhMnEggmZ7BzjbhdBF7oyUD9RlXvD70_Hnm1p37wZdh36XLKcNhPPDXdVLDf_GtaItkW3dS96/s144/chat.png') no-repeat; } .gbcontent{ float:left; border:1px solid #C2C2C2; background:#000000; 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"> <!-- Begin ShoutMix - http://www.shoutmix.com --> <div align="center"> <iframe scrolling="auto" width="180" frameborder="0" src="http://www5.shoutmix.com/?hirany" height="400" title="hirany"> <a href="http://www5.shoutmix.com/?hirany">View shoutbox</a> </iframe> </div> <!-- End ShoutMix --> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script></div> </div>

• Kode script Widget dapat diganti pada bagian Begin Shoutmix dengan script widget yang Anda inginkan. Shoutmix hanyalah sebagai contoh.
• gbcontent adalah kode scripts untuk mengatur tampilan kontennya 

float:left; = Ini utk mengatur posisi widgetnya melayang di kiri / kanan / atas / bawah Sintak lainnya pada gbcontent silahkan Anda ubah sendiri sesuai keinginan

• Simpanlah Widget Melayang ini pada bagian paling bawah kolom dimana widget ini diletakkan.
• Setelah itu save

Nah, widget melayang siap digunakan.