Cara Membuat Sticky Widget di Sidebar Blogger

Membuat sticky widget sidebar di blogspot, tentunya akan sedikit menguntungkan bagi kamu yang ingin menonjolkan sesuatu yang menarik agar mendapatkan perhatian lebih dari pengunjung blog.

Misalnya kamu memiliki sebuah iklan banner yang berisi penawaran mengenai produk dan jasa. Dengan memanfaatkan fungsi sticky yang ditambahkan ke dalam blog, maka memiliki kemungkinan yang sangat besar bagi pengunjung untuk tertarik, mengklik atau bahkan membelinya.

Cara Membuat Sticky Widget di Sidebar Blogger

Sticky widget berfungsi untuk membuat widget tertentu menjadi menetap, tidak akan berpindah tempat dan akan berjalan mengikuti kursor ketika halaman blog digulir keatas ataupun bawah.

Berdasarkan penggunaannya, sticky sering kali digunakan pada bagian sidebar untuk menutupi kekosongan yang ada pada halaman blog ketika pengunjung sedang membaca sebuah artikel yang mengharuskannya menggulir ke bagian bawah.

Sehingga pengunjung akan selalu melihat widget yang ditampilkan sekalipun sedang sibuk membaca artikel. Dengan begitu kamu sudah memanfaatkan kekosongan tersebut menjadi sebuah peluang dengan informasi-informasi tambahan atau apapun itu berkat bantuan sticky.

Buat kamu yang ingin melihat cara kerja sticky itu seperti apa, kamu bisa melihatnya pada blog ini di bagian sidebar. Nah, untuk membuatnya kamu bisa mengikuti cara berikut ini.

Cara Membuat Sticky Widget di Blogspot

1. Masuk ke dashboard blogger.com.

2. Masuk ke Edit HTML pada dibagian Theme.

Masuk ke Theme Blogger Untuk Membuat Sticky Widget di Sidebar Blogger

3. Silahkan kamu cari kode </body>, dan letakan kode dibawah ini tepat diatasnya.

<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
<script type='text/javascript'>
//<![CDATA[
// Sticky widget
$(function(){if($("#HTML1").length){var o=$("#HTML1"),t=$("#HTML1").offset().top,i=$("#HTML1").height();$(window).scroll(function(){var s=$("#comments").offset().top-i-20,f=$(window).scrollTop();if(f>t?o.css({position:"fixed",top:15}):o.css("position","static"),f>s){var n=s-f;o.css({top:n})}})}});
//]]>
</script>
</b:if>

4. Ganti tulisan #HTML1 dengan ID widget yang ingin dijadikan sticky. Untuk mengetahui ID Widget, silahkan baca artikel mengenai cara mengetahui ID Widget pada blogger.

5. Jika sudah, simpan dan lihat hasilnya.

Pada tahap ini kamu sudah berhasil membuat sticky widget. Pastikan kamu hanya menggunakan sticky untuk widget yang dianggap penting saja, seperti popular post, iklan banner atau iklan Google Adsense.

Nah itu dia tutorial cara membuat sticky widget di Sidebar Blogger (Blogspot), semoga artikel ini bisa bermanfaat.

Wendy Andriyan

Hanya seorang anak yang senang berbagi melalui tulisan.

Komentar anda sangat berpengaruh untuk kemajuan blog sederhana ini, silahkan berikan saran, kiritik atau apapun itu untuk perkembangan blog kedepannya. Bijaklah dalam berkomentar untuk melihat seberapa bijak anda.

Posting Komentar (0)
Lebih baru Lebih lama