Saturday, September 22, 2012

Cara Membuat Stikybar / Sidebar Melayang ke-2

Cara Membuat Stikybar / Sidebar Melayang yaitu membuat sidebar blog menjadi mengikuti scroll sehingga akan selalu nampak.

Caranya, Letakan Kode dibawah ini tepat diatas kode </head>

Kode Javascript

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script src='http://belajar-e.googlecode.com/files/Stikybar.js' type='text/javascript'/>
<script type='text/javascript'>
$(function() {
$(&quot;#sidebar-right-1&quot;).stickyBar({
animated:true,
speed:400,
easing:null,
top:0,
bottom:0,
until:&quot;&quot;
});
});
</script>
Bila template anda sudah dipasang library JQuery maka kode yang digaris bawah dihapus saja.
Demikian Cara Membuat Stikybar / Sidebar Melayang semoga berhasil.
Rating: 5 Reviewer: Unknown

4 comments:

  1. JAngan lupa mampir ya sobat.. infonya bagus tu
    kumpulankisahnyataterbaru.blogspot.com

    ReplyDelete
  2. wah makasih infonya,,
    trus mau tanya dikit nih, klw hanya membuat beberapa tampilan sidebar yang melayang saat kita menuju paling bawah scrol gimana yah?
    cthnya mungkin seperti facebbok atau kangismet.net
    makaish sy tggu jawabnnya
    saya di Kumpulan Logo Indonesia

    ReplyDelete
  3. ini die yang saya cari..
    makasih yaa

    ReplyDelete