Cara Memasang Widget Sticky ( Mengikuti Scroll Pada Blog ) - Selamat datang kembali sama admin , pada pertemuan kali ini admin akan membahas cara membuat dan memasang sticky widged pada sidebar blog mengikuti saat discroll atas & bawah.
Sumber https://rudihobah92.blogspot.com/
Sticky Widged Sidebar Blog berfungsi untuk membuat widged tersebut melayang dan berjalan selalu mengikuti kursor ketika halaman situs di scroll kebawah ataupun keatas. Biasanya widged sticky ini diterapkan pada widged yang penting misalnya saja popular post, widged iklan ,ataupun widged lainnya.
Cara Membuat Widget Sticky ( Mengikuti Scroll Pada Blog )
1. Masuk ke Blogger.com
2. Pada Dashboard blogger pilih TEMA kemudian klik EDIT HTML
3. Selanjutnya tambahkan kode dibawah ini tepat diatas kode </body>
<b:if соnd='dаtа:blоg.іѕMоbіlеRеԛuеѕt == &ԛuоt;fаlѕе&ԛuоt;'>
<ѕсrірt tуре='tеxt/jаvаѕсrірt'>
//<![CDATA[
// Stісkу widget
$(funсtіоn(){іf($("#HTML1").lеngth){vаr о=$("#HTML1"),t=$("#HTML1").оffѕеt().tор,і=$("#HTML1").hеіght();$(wіndоw).ѕсrоll(funсtіоn(){vаr ѕ=$("#соmmеntѕ").оffѕеt().tор-і-20,f=$(wіndоw).ѕсrоllTор();іf(f>t?о.сѕѕ({роѕіtіоn:"fіxеd",tор:15}):о.сѕѕ("роѕіtіоn","ѕtаtіс"),f>ѕ){vаr n=ѕ-f;о.сѕѕ({tор:n})}})}});
//]]>
</ѕсrірt>
</b:іf>
- Kode warna merah "HTML1" ganti dengan id widget yang ingin dijadikan sticky
- Kode warna pink berfungsi untuk menghilangkan sticky pada tampilan halamanan mobile
Untuk menemukan ID Widget silahkan liat di Tata Letak lalu klik edit pada widget dan lihat pada alamat link widget tersebut terdapat ID Widget.
4. Setelah itu tambahkan kode CSS berikut ini diatas kode ]]</b:skin>
- Kalian juga bisa mengatur widget sesuai dengan keinginanmu
5. Selesai! Silahkan kalian save template dan lihat saja hasilnya
Pada tutorial ini kamu sudah selesai membuat sticky widget sidebar pada blog yang melayang dan mengikuti saat scroll ke atas dan kebawah. Perlu kalian ketahui penggunaan widget sticky pada iklan google adsense dilarang dalam kebijakan google adsense, lebih baik untuk tidak memakai sticky widget pada iklan adsense untuk meminimalisir akun adsense kalian dibanned selamanya.
Baca Juga : 5 Faktor Blog Ditolak Adsense!
Demikian tentang Cara Memasang Widget Sticky ( Mengikuti Scroll Pada Blog ) semoga apa yang admin sampaikan bermanfaat untuk kalian semua, Terima Kasih. Share keteman teman kalian. Love U ^_^
4. Setelah itu tambahkan kode CSS berikut ini diatas kode ]]</b:skin>
#HTML1{width:100%;max-width:300px}- Ganti juga HTML1 dengan ID Widget yang tadi
- Kalian juga bisa mengatur widget sesuai dengan keinginanmu
5. Selesai! Silahkan kalian save template dan lihat saja hasilnya
Pada tutorial ini kamu sudah selesai membuat sticky widget sidebar pada blog yang melayang dan mengikuti saat scroll ke atas dan kebawah. Perlu kalian ketahui penggunaan widget sticky pada iklan google adsense dilarang dalam kebijakan google adsense, lebih baik untuk tidak memakai sticky widget pada iklan adsense untuk meminimalisir akun adsense kalian dibanned selamanya.
Baca Juga : 5 Faktor Blog Ditolak Adsense!
Demikian tentang Cara Memasang Widget Sticky ( Mengikuti Scroll Pada Blog ) semoga apa yang admin sampaikan bermanfaat untuk kalian semua, Terima Kasih. Share keteman teman kalian. Love U ^_^
Sumber https://rudihobah92.blogspot.com/
