Cara BikinSidebar Melayang / Auto Scroll persi II
Setelah beberapa waktu yang lalu aye posting tentang …Cara Bikin Sidebar Bergerak / Stikybar…………………………
dan pada kesempatan kali ini aye mencoba kembali postingkan tentang cara bikin sidebar melayang / auto scroll persi ke dua yang mana lebih simple dan hanya memerlukan sedikit code..
Sebelu kita kepembahasannya alangkah lebih baiknya aye sedikit jelaskan apa itu sidebar .
Sidebar adalah suatu area di dalam sebuah blog yang biasanya di gunakan untuk menyimpan widget ataupun aksesoris pada sebuah blog .Dan terkadang dalam sebuah blog ,ada dua sidebar , satu sidebar left yang terletak pada bagian kiri blog , dan satu sidebar raight yang terletak pada bagian kanan blog ,Yang mana keguna’annya sama yaitu untuk menyimpan widget atau sksesoris blog.
Mungkin itu hanya sebagian bayangan saja [ pemula ] untuk lebih tau apa itu sidebar .
Baiklah jika kita sudah mengenal apa itu sidebar ,sekarang kita akan coba posting sesui dengan judul di atas Cara Bikin Sidebar Melayang / Auto Scroll .agar hasilnya sesuai dengan yang di harapkan mari kita ikuti panduan di bawah ini :
1. Login kea kun blog nya
2. Pilih template
3. Lalu klik Edit Html / JavaScript
4. Tekan Ctr + F lalu cari code </head>
5. Silakan copy code di bawah ini dan Paste kan tepat di atas Code </head>
Cttn : yang warna merah = ID sidebarnya [ silakan ganti dengan ID sidebar template sobat ]
karena masing – masing template terkadang ID sidebarnya berbeda.
__ template sobat sudah harus ada jQuery sidebarnya
6. Jika sudah yakin silakan pratinjau , dan jika sudah cocok dengan yang diinginkan sobat silakan simpan template / save template.
sa'at ini anda sedang membaca curat coret belajar ngeblog tentang panduan Cara BikinSidebar Melayang / Auto Scroll. Jika masih banyak waktu luang silakan di coba panduan tentang Cara Mengganti Gambar Efek Lipatan Kertas Di Blog..wasalam
Selamat mencoba semoga berhasil dan bermanfa’at
Setelah beberapa waktu yang lalu aye posting tentang …Cara Bikin Sidebar Bergerak / Stikybar…………………………
dan pada kesempatan kali ini aye mencoba kembali postingkan tentang cara bikin sidebar melayang / auto scroll persi ke dua yang mana lebih simple dan hanya memerlukan sedikit code..
Sebelu kita kepembahasannya alangkah lebih baiknya aye sedikit jelaskan apa itu sidebar .
Sidebar adalah suatu area di dalam sebuah blog yang biasanya di gunakan untuk menyimpan widget ataupun aksesoris pada sebuah blog .Dan terkadang dalam sebuah blog ,ada dua sidebar , satu sidebar left yang terletak pada bagian kiri blog , dan satu sidebar raight yang terletak pada bagian kanan blog ,Yang mana keguna’annya sama yaitu untuk menyimpan widget atau sksesoris blog.
Mungkin itu hanya sebagian bayangan saja [ pemula ] untuk lebih tau apa itu sidebar .
Baiklah jika kita sudah mengenal apa itu sidebar ,sekarang kita akan coba posting sesui dengan judul di atas Cara Bikin Sidebar Melayang / Auto Scroll .agar hasilnya sesuai dengan yang di harapkan mari kita ikuti panduan di bawah ini :
1. Login kea kun blog nya
2. Pilih template
3. Lalu klik Edit Html / JavaScript
4. Tekan Ctr + F lalu cari code </head>
5. Silakan copy code di bawah ini dan Paste kan tepat di atas Code </head>
<script type='text/javascript'> $(function(){var offset=$("#rsidebar-wrapper").offset();var topPadding=144;$(window).scroll(function(){if($(window).scrollTop()>offset.top){$("#rsidebar-wrapper").stop().animate({marginTop:$(window).scrollTop()-offset.top+topPadding})}else{$("#rsidebar-wrapper").stop().animate({marginTop:0})}})}); </script>
_______________________________Cttn : yang warna merah = ID sidebarnya [ silakan ganti dengan ID sidebar template sobat ]
karena masing – masing template terkadang ID sidebarnya berbeda.
__ template sobat sudah harus ada jQuery sidebarnya
6. Jika sudah yakin silakan pratinjau , dan jika sudah cocok dengan yang diinginkan sobat silakan simpan template / save template.
sa'at ini anda sedang membaca curat coret belajar ngeblog tentang panduan Cara BikinSidebar Melayang / Auto Scroll. Jika masih banyak waktu luang silakan di coba panduan tentang Cara Mengganti Gambar Efek Lipatan Kertas Di Blog..wasalam
Selamat mencoba semoga berhasil dan bermanfa’at
RELATED POS:
No comments:
Post a Comment