Iklan Responsive disini

Wednesday, May 28, 2014

Teks Floating berjalan

Hai para blogger,
Sudah lama tidak menambah widget untuk Blog. Berikut ini widget pesan teks floating yang terpasang pada blog ini.
Seperti biasa, log in pada blogger.com dan masuk pada blog anda. Pilih layout dan klik "add gadget". Didalamnya anda cari javascript / html. Terus masukkan kode script dibawah ini.

Berikut ini script nya :



<style type="text/css"> #gb{ position:fixed; left:30px;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; 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;"> <a href="javascript:showHideGB()">Close Klik 2x! </a> </div> <center><br /><span style="font-weight: bold;font-family:arial;font-size:14px;color:yellow;"> <marquee bgcolor="#0000ff" direction="left" height="23px" scrollamount="5" width="100%">DISINI TEKS ANDA</marquee></span>    <br /><br />    </center> <script type="text/javascript"> var gb = document.getElementById("gb");gb.style.center = (30-gb.offsetWidth).toString() + "px"; </script></div></div>.



copy semua script di atas ke dalam "javascript / html". Untuk ukuran lebar (width) dan tinggi (height) silahkan disesuaikan dengan kebutuhan. Selamat mencoba ya

Demikian widgetnya.
Wassalam

No comments:

Post a Comment