Cara Membuat Widget Berhenti Saat Di Scroll Ke Bawah

Cara membuat widget berhenti saat discroll kebawah

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.

Artikel kali ini 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 tidak behitu sulit, untuk lebih jelasnya mari kita pahami langkah-langkah berikut ini :

Step 1. Login ke blog sobat

Step 2. Masuk ke menu Tamplate dan cari kode </ body>

Step 3. Copy dan Pastekan code script ini di atas code </ 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>

Step 4. Ubahlah tulisan merah sesuai Widget ID, ID Header-Wrapper, atau Footer-Wrapper, dll.
misalnya HTML10, Popular Post (kode widget)

Step 5. Save Tamplate dan Lihat hasilnya

Sekedar saran agar sebaiknya widget yang akan dipasang merupakan widget yang terakhir pada settingan sidebar pada Tata Letak agar informasi widget yang selanjutnya bisa terlihat saat discroll.

Baca Juga Artikel : Tips Membuat Widget Iklan Melayang di Samping Blog

Silahkan ungkap kreasimu, semoga berhasil dan tetap semangat.

Labels