Cara Membuat Widget / Sidebar Berhenti Saat Di Scroll
Ke Bawah
Widget merupakan elemen yang sangat
penting dalam suatu blog. Fungsi widget sangat banyak sekali dan bermacam-macam
bentuknya. Widget biasanya terletak disamping postingan biasa disebut dengan
sidebar dan terletak dibawah postingan biasa disebut dengan footer widget.
Widget merupakan elemen yang banyak fungsinya, salah satunya sebagai tempat
informasi pemilik, tombol berbagi, dan tempat menampilkan iklan. Sebagian
bloger sering memanfaatkan widget di samping postingan sebagai ajang iklan pada
blog mereka.
Widget dengan informasi khusus pastinya harus kita letakkan pada tempat yang kebanyakan orang pasti melihatnya, cara ini disesuaikan agar informasi yang terdapat pada widget mendapat perhatian khusus bagi pembaca blog kita. Agar widget bisa bekerja maksimal pastinya harus ada yang kita lakukan dengan widget tersebut supaya memberikan dampak positif terhadap informasi yang kita berikan.
Dalam artikel kali ini, SemuanyaAda akan membahas bagaimana cara membuat widget berhenti saat di scroll ke bawah. Manfaatnya adalah supaya widget yang kita tampilkan berhenti dan dapat dibaca sepenuhnya oleh pengunjung blog sobat. Caranya tidaklah begitu sulit, penasaran bagaimana cara membuatnya ?
Baca juga :
Widget dengan informasi khusus pastinya harus kita letakkan pada tempat yang kebanyakan orang pasti melihatnya, cara ini disesuaikan agar informasi yang terdapat pada widget mendapat perhatian khusus bagi pembaca blog kita. Agar widget bisa bekerja maksimal pastinya harus ada yang kita lakukan dengan widget tersebut supaya memberikan dampak positif terhadap informasi yang kita berikan.
Dalam artikel kali ini, SemuanyaAda akan membahas bagaimana cara membuat widget berhenti saat di scroll ke bawah. Manfaatnya adalah supaya widget yang kita tampilkan berhenti dan dapat dibaca sepenuhnya oleh pengunjung blog sobat. Caranya tidaklah begitu sulit, penasaran bagaimana cara membuatnya ?
Baca juga :
Cara Atasi Pengajuan Google adsense Ditolak | Masalah Penolakan dan Cara Mengatasi
Untuk lebih jelasnya ikuti langkah-langkah
berikut ini :
Step 1. Login ke blog sobat
Step 2. Masuk ke menu Tema / Tamplate
Step 1. Login ke blog sobat
Step 2. Masuk ke menu Tema / Tamplate
Step 3. Klik Edit Html dan kemudian
cari kode
</body>
Step 4. Copy dan Pastekan code dibawah tepat diatas script tag </body>
</body>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<SCRIPT>
$(document).ready(function() {
var div = $('#YOUR_WIDGET_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>
misalnya HTML10, Popular Post (kode widget)
Step 6. Save Tamplate dan Lihat hasilnya.
Baca juga :
