Slide Box widget merupakan widget yang hampir sama dengan widget floating tapi widget ini mempunyai sedikit perbedaan yaitu widget ini hanya akan tampil apabila halaman anda si scroll kebawah, dan apabila di scroll ke atas lagi maka widget tersebut akan tersembunyi lagi.

Oleh karena itu mengapa widget ini dinamakan Slide Out Box widget. Cara membuatnya pun sangatlah mudah, karena namanya widget cara membuatnya hanya menyalin kode ini dan membuat widget Html/Javascript baru dan menaruh kodenya disana....

Inilah kodenya :

<!--Slideoutbox -->   
<script type="text/javascript" src="http://marewainfo.googlecode.com/files/slidboxordinary.js"></script>   
<div style="position:fixed; width:342px; overflow:hidden; bottom:20px;   
right:10px; display:none;  
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkHgpOa5nHyMo0KuuQiyhgftcHCWe1PlwJ3vPkme-bJWws03Xvyt9gMYTJlljNmOm2154KZIAhYm9BX-iLXzvYF6Iuvj0X83qpimcYLX2cxPLNQQqU7jh_BdLXSUS59U06wEqHG9b62f8-/s0/bo-bg-html.gif)   
repeat; -moz-border-radius:15px; -webkit-border-radius:15px;   
border-radius:15px; border:2px solid #111111;" id="fbslidebox">   

<div style="width:320px; padding:10px; margin:0 auto; overflow:hidden;">   

<a href="#" style="float:right; color:#999; padding:0 3px;   
border:1px solid #CCC; text-decoration:none; font-size:9px; font-family:Verdana, Geneva, sans-serif;" id="fbcloseslidebox">X</a>   

<strong style="color:#66ad3d;">Masukkan Judul Slide-Out-Box</strong>   

///Tempatkan apa saja yang sobat inginkan (gambar,script, facebook dan lain-lain//  

</div></div>  
<!--Slideoutbox end -->  

Demikianlah tutorial dari MWcrew, Selamat mencoba,,,,,,,



"MWcrew"