Pada kesempatan kali ini saya akan membagikan Tutorial Blog. Yang akan kita bahas adalah tentang Cara Membuat Wigdet Agar Tetap Disamping Walaupun Discroll Kebawah. Mungkin kebanyakan orang pengguna bloger kesulitan menemukan widget apabila dalam websitenya di scroll kebawah. Ya pasti dengan tombol ke atas (TopButton) tetapi tombol tersebut memiliki kekurangan yaitu tidak menemukan secara langsung dengan wigdet yang akan dicari.
Oke langsung saja ini caranya
- Login ke Blogger mu
- Cari Template lalu Edit HTML
- Copykan Kode dibawah ini
- dan Letakan diatas Tag </body> (agar lebih mudah gunakan CTRL+F)
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<SCRIPT>
$(document).ready(function() {
var div = $('#Your Wigdet ID');
var start = $(div).offset().top;
$.event.add(window, "scroll", function() {
var p = $(window).scrollTop();
$(div).css('position',((p)>start) ? 'fixed' : 'static');
$(div).css('top',((p)>start) ? '0px' : '');
});
});
</SCRIPT>
<SCRIPT>
$(document).ready(function() {
var div = $('#Your Wigdet ID');
var start = $(div).offset().top;
$.event.add(window, "scroll", function() {
var p = $(window).scrollTop();
$(div).css('position',((p)>start) ? 'fixed' : 'static');
$(div).css('top',((p)>start) ? '0px' : '');
});
});
</SCRIPT>
5. Ganti kode Your Wigdet ID denga wigdet tah diinginkan (Misalnya: HTML1, HTML3 PageList1, Header1, HTML2 )
6. Setelah itu save templatenya
7. Selamat mencoba!
EmoticonEmoticon