MEMBUAT WIDGET FLYING TV ONLINE DENGAN MUDAH.

Banyak cara untuk membuat sebuah website atau blog terlihat "grooming and blinking" salah satunya dan banyak serta pasti ditambahkan adalah widget-widget penghias atau juga sebagai media representasi dari isi website atau blog itu sendiri. Setelah banyak mencoba, ada hal menarik yang saya dapatkan dari sebuah blog http://ilmubuat.blogspot.com/2010/12/cara-membuat-banneriklan-melayang.html  yang mem-posting tulisan  "Cara Membuat Banner/Iklan Melayang (Flying Banner)", cara ini dikombinasikan dengan TV ONLINE dan hasilnya buat saya cukup memuaskan untuk membuat FLYING TV ONLINE.

Mengapa FLYING ?, mungkin masih banyak diantara kita yang browser dengan modem dengan bandwith yang terbatas sehingga memasang TV ONLINE tanpa FLYING dapat menyedot bandwith sangat besar, dan akhirnya di "CLOSE" dengan meninggalkan website/blog, padahal ada banyak keuntungan dari reader dan blogger yang terbuang hanya karena kecepatan surfing menjadi lambat. Dengan menggunakan mode FLYING , reader dapat menutup widget TV ONLINE (atau widget apapun) dengan segera tanpa harus meninggalkan website/blog dengan segala artikel-artikel di dalamnya. 

Berikut ini adalah scriptnya :

<style type="text/css"> #gb{ position:fixed; top:10px; z-index:+1000; } * html #gb{position:relative;} .gbcontent{ float:right; border:2px solid #A5BD51; background:#ffffff; 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-100; gb.style.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> <div style="text-align:right"> <b>CV PRIMA SEJAHTERA,MATARAM - </b><a href="http://primasejahteracv.blogspot.com/2012/10/indonesian-free-online-tv-dan-membuat.html">STREAMING ONLINE TV GRATISAN</a> <a href="javascript:showHideGB()"> .:[CLOSE]-[TUTUP]:. </a> </div> <center> <div style="position:relative;width:550px;height:530px;padding:0px;background:#000;border:0px solid #666;border-radius:0px;overflow:hidden;"> <div style="position:absolute;top:-250px;bottom;-200px;left:0px;"> <embed id="MivoTV" type="application/x-shockwave-flash" src="http://id.imediabiz.com/MivoTV.swf?r=84674" wmode="transparent" allowscriptaccess="always" allowfullscreen="true" seamlesstabbing="false" quality="high" scale="noscale" menu="true" devicefont="false" pluginspage="http://www.macromedia.com/go/getflashplayer" width="550" height="800" scale="tofit"></embed></div> </div> <div style="text-align:left"> <a href="http://primasejahteracv.blogspot.com"> </a> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.center = (20-gb.offsetWidth).toString() + "px"; </script></center> </div> </div>

Silahkan dicoba, dan kita semua dipersilahkan memodifikasi scriptnya dengan mudah.
Semoga bermanfaat.