Membuat Sticky Widget Di Sidebar Blog - Hallo sahabat Teknoz Update, Pada Artikel yang anda baca kali ini dengan judul Membuat Sticky Widget Di Sidebar Blog, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel News, Artikel Widget, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Membuat Sticky Widget Di Sidebar Blog
link : Membuat Sticky Widget Di Sidebar Blog

Membuat Sticky Widget Di Sidebar Blog

Tutorial Cara Membuat Sticky Widget di Sidebar Blogger. Sticky Widget berfungsi buat membuat widget tertentu menjadi sticky atau melayang serta berjalan mengikuti kursor dikala halaman situs digulir ke atas atau kebawah. biasanya sticky widget ini diterapkan pada widget yang penting misalnya pada widget recent post (list artikel terbaru), widget yang berisi iklan, atau widget lainnya.

Cara Membuat Sticky Widget di Sidebar Blog

1. Masuk ke Blogger.

2. Pada panel navigasi, silahkan pilih Tema kemudian klik Edit HTML.

3. Silahkan tambahkan kode dibawah ini sebelum kode </body>.

<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>

Keterangan


- Silahkan ganti "HTML1" dengan ID widget yang hendak dijadikan sticky.
- Kode berwarna ungu berfungsi buat menghilangkan efek sticky pada perangkat mobile.
- Angka "15" digunakan buat memberikan jarak widget.
- #comments untuk memberhentikan widget sticky. Silahkan sesuaikan dengan template blog kamu.

Untuk menemukan ID widget, silahkan buka Tata Letak kemudian klik edit pada widget yang bakal dijadikan sticky. Untuk lebih lengkapnya perhatikan gambar dibawah ini.

4. Silahkan tambahkan kode CSS dibawah ini sebelum kode </b:skin>.

#HTML1{width:100%;max-width:300px}

Keterangan

- Silahkan ganti "HTML1" dengan ID widget yang tadi.
- Anda bisa mengatur panjang widget dengan mengubah ukuran width.

5. Kalau telah selesai, silahkan klik Simpan Tema, kemudian lihat hasilnya.

Pada Langkah ini kamu telah selesai membuat widget kamu menjadi sticky atau melayang. Pastikan kamu tidak menempatkan iklan dari Google AdSense karna menurut kebijakan penempatan iklan, penayang tidak dibolehkan buat membuat iklan adsense menjadi melayang. Hal ini tentu sangat beresiko yang bisa menyebabkan akun adsense dibanned selamanya.

Silahkan gunakan Sticky Widget buat widget yang menurut kamu penting buat dilihat oleh pengunjung. Aku sarankan memasang widget recent post atau widget artikel terbaru agar pengunjung dapat menemukan artikel lainnya serta meningkatkan kunjungan.

Baca juga: Cara Membuat Widget Recent Post di Sidebar Blogger

Sekian pembahasan mengenai Cara Membuat Sticky Widget di Sidebar Blog semoga bermanfaat. Apabila ada hal yang hendak ditanyakan, silahkan bertanya lewat kolom komentar dibawah ini, terima kasih serta semoga berhasil.

loading...

Demikianlah Artikel Membuat Sticky Widget Di Sidebar Blog

Sekianlah artikel Membuat Sticky Widget Di Sidebar Blog kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Membuat Sticky Widget Di Sidebar Blog dengan alamat link https://teknozupdate.blogspot.com/2018/01/membuat-sticky-widget-di-sidebar-blog.html