Cara Membuat Sticky Widget Di Sidebar Blog

Cara Membuat Sidebar Blog tidak Bergerak (Sticky Widget Sidebar) - Begitu banyak cara yang bisa dilakukan untuk mempercantik tampilan blog mulai dari mendesaign tampilan blog yang dinamis, user friendly,  kemudahan navigasi, warna tampilan blog dan berbagai upaya lainnya demi mendapatkan tampilan blog yang menarik dan disukai pengunjung. 

Dari sekian banyak cara mempercantik tampilan blog salah satunya adalah membuat widget dengan berbagai bentuk dan fungsi yang menakjubkan seperti membuat sticky widget di sidebar, namun dalam memasang widget juga harus diperhatikan keuntungan dan kerugiannya, dan perlu diingat, widget yang ingin dipasang jangan sampai memperlambat loading blog.

Usahakan untuk menggunakan widget yang di anggap perlu saja, misalnya seperti Popular Post, Label, Fanspage dan lainnya yang harus ada di blog. Jangan sampai nilai test blog menjadi beras, dan perhatikan juga jangan sampai ukuran blog diatas 100 kb.

Kali ini upaya mempercantik tampilan blog adalah membuat sticky widget di sidebar blog atau sidebar melayang. Cara ini akan membuat widget yang di sticky menjadi static atau melekat walupun di scrool sekalipun artinya widget yang di sticky akan tetap terlihat jika di gulir kebawah. 

Baiklah langsung saja kita praktein cara membuat sticky widget di sidebar blog, ikuti langkah berikut ini dengan teliti: 

1. Masuk dulu ke Akun Bloggernya

2. Pilih Edit Template

3. Copy dan pastekan kode dibawah ini diatas </head>

<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 = $("#Html2").offset(); var topPadding = 0; $(window).scroll(function () { if ($(window).scrollTop() > offset.top) { $("#Html2").stop().animate({ marginTop: $(window).scrollTop() - offset.top + topPadding }) } else { $("#Html2").stop().animate({ marginTop: 0 }) } }) }); </script>

4. Lihat jquery pada script diatas, jika di dalam template kalian sudah ada jquerynya maka jangan copy lagi jquery diatas.

5. Ganti semua kode #html2 yang ada dalam script diatas dengan ID widget kalian yang ingin dibuat menjadi sticky.

6. Terakhir klik Simpan Template dan lihat hasilnya.

Oke, itulah cara membuat sticky widget di sidebar blog yang bisa saya bagikan untuk menemani dan memanjakan kalian di hari yang cerah ini dan mudah-mudah bisa di mengerti langkah praktik nya ya. selamat berkarya.

Share this post