Cara Mudah Membuat Sidebar Auto Slide Blog Melayang Admin : Unknown

Cara Mudah Membuat Sidebar Auto Slide Blog Melayang- Sidebar dalam blog kebanyakan berupa tidak menggunakan tipe sidebar show/hidden atau sejenisnya,namun juga ada banyak yang pakai, Memakai template sidebar show/hidden banyak keuntungannya juga loh, salah satunya ya tidak memakan tempat alias ngirit,hehehe

Namun pada tutorial kali ini kita tidak akan membahas itu,kita akan menerapkan tutorial dimana sidebar show/hidden akan kita buat melayang. Gimana caranya?? yuk langsung aja kita simak tutorialnya..

Untuk contoh jadinya akan seperti gambar dibawah ini..

Pertama kita lihat apakah sidebar kita berupa show/hidden atau bukan,kalau belum sobat bisa ubah dulu sidebarnya..kenapa harus?? kalau pingin tahu ya silahkan coba sendiri,hew bakalan kacau sob...untuk itu sobat blogger bisa baca tutorial blog mengenai Cara Mudah Mengubah Sidebar Menjadi show/hidden.

Kalau sudah,maka kita tinggal ikuti langkah berikut:

Copas kode script berikut,kemudian letakkan tepat diatas kode </head>

Untuk permudah cari dengan CTRL+F

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(function(){var offset=$(&quot;#rsidebar-wrapper&quot;).offset();var topPadding=10;$(window).scroll(function(){if($(window).scrollTop()&gt;offset.top){$(&quot;#rsidebar-wrapper&quot;).stop().animate({marginTop:$(window).scrollTop()-offset.top+topPadding})}else{$(&quot;#rsidebar-wrapper&quot;).stop().animate({marginTop:0})}})});
</script>

Catatan: kode warna merah adalah kode ID sidebar. untuk warna hijau hapus saja jika diatas kode </head> sudah ada.

Perlu diketahui juga bahwa setiap blog mempunyai kode atau ID sidebar yang berbeda-beda,untuk tutorial ini saya menggunakan ID #rsidebar-wrapper ,Karena setiap template berbeda, silahkan sesuaikan sendiri dengan ID sidebar yang ada ditemplate sobat pakai.

Naah demikian tutorial dari saya mengenai Cara Mudah Membuat Sidebar Auto Slide Blog Melayang, apabila ada yang kurang jelas silahkan kasih pertanyaan dengan meninggalkan komentar dibawah.. sekian dari saya jangan lupa like facebooknya..!! ^_^ terima kasih,semoga bermanfaat...