Membuat Widget melayang cocok untuk banner

widget melayang
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

Ditulis Oleh : Halim Regar~ Blogger-Paluta

Halim Regar Sobat sedang membaca artikel tentang Membuat Widget melayang cocok untuk banner. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya

:: Get this widget ! ::

1 komentar:

 
Copyright © 2011 Memberi | Powered by Blogger
Design by Halim Regar |