Membuat Widget melayang cocok untuk banner

Cara Membuat Widget melayang cocok untuk banner merupakan hal yang sangat menarik untuk anda karena akan membuat tampilan blog anda semakin rapi dan lebih menarik. Silahkan praktekin langsung berikut coding yang anda perlukan dan dijamin BERHASIL . . .
Gunakan coding Membuat Widget melayang cocok untuk banner  berikut :

CODING JAVA SCRIPT :

<!--www.bogger-paluta.blogspot.com-->

<style type="text/css"> #gb{ position:fixed; middle:100px; z-index:+1000; } * html  
#gb{position:relative;} .gbcontent{ float:left;margin-left:220px; border:2px solid  
#bb0000; background:#eeeeee; 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> silahkan tempatkan kode iklan atau banner atau teks atau  
apalah terserah kamu disini yah</center> <script type="text/javascript"> var gb =  
document.getElementById("gb"); gb.style.center = (30-gb.offsetWidth).toString() +  
"px"; </script></div></div>
</body>
<!--end-->

CARA PAKAI :

1.Buka pengaturan blog anda.
2.Pilih tata letak blog.
3.pada tampilan tata letak tersebut pilih TAMBAHKAN GADGET blog.
4.Pilh TAMBAHKAN GADGET Html dan Javascript.
5.Dan letakkan CODING Java Script diatas.
6.Ubah kode yang berwana merah untuk banner anda atau teks yang ingin ditampilkan.
7.SAVE


NOTE :
Bagi Anda yang masih bingung untuk menggunakan coding diatas silahkan berkomentar dibawah ini atau langsung E-mail saya di : halim.byregar@gmail.com.
THANKS telah berkunjung di: www.blogger-paluta.blogspot.com

Artikel Terkait