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/AVvXsEjMxdNgNhiAg4qTymHCukHEbG_aTqsiuOMNEfsC4u2zIG2qf9m5Oa0evLIlFI-9O-tUnIsShoPB0rMk4QnW3WB_KvKysDUfmtB5UsXAa06CNIVJlLy9FINYeiiSmj2c1-9J-WrrfxAMY7uj/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 saya, Selamat mencoba,,,,,,,
Tidak ada komentar:
Posting Komentar