Pasang Sticky Widget Hello-hello broo kembali lagi ya broo di MbotonDev kali ini saya akan membuat cara pasang sticky widget pada blog atau blogspot kali broo.

Pasang Sticky Widget

Pasang Sticky Widget Silakana saja anda semua simak dengan details broo Oke kali ini admin akan memberikan sedikit tips atau informasi tentang bagaimana caranya membuat sticky pada widget website anda semuanya hehe.

Apa Itu Sticky?

Sticky adalah bias kita bilang di kenal dalam dunia situs khusus nya blog dan website yaitu sticky ini akan membuat widged akan terlihat melayang-melayang pada layar monitor laptop mauupun computer broo di dalam tampilan situs blog maupun blogspot anda broo.

Mungkin saja kawanku broo semua kalua masih bingung tentang bagaimana cara membuatnya. Nahh disini admin MbotonDev akan memberikan dan kasih beberapa script cara nya bagaimama caranya cukup lihat dibawah ini semua iya bro.

Dengan cara ini sangat instan dan tidak ribet lagi broo cara kamu tinggal ikuti langlah-langkah ini dengan bener pasti anda semua berhasil broo kalian baca semua caranya atau tutorial tinggal baca dan terapkan, ikuti saja langkah – langkah berikut agar kalian semua berhasil kunci utama teliti dengan bener broo.

Langkahnya Pasang

langkah – langkah Membuat Sticky Pada Widget Blog:
langkah pertama kawanku Buka Browsers
langakar kedua ketikan paca pencarian blogger
Langkah ketiga klik pada situs blogger.com bro
Langkah keempat tinggal klik masuk Dashboard Blog
Langkah Kelima klik tema atau template

Langkah keenam Edit Tema Atau Template

Pasang Sticky

Pasang Sticky Widget Kalau sudah semua ini kamu tinggal copy pada script atau kode semua ini di bawah ini pastekan sebelum code </body> iya broo nanti kamu klik simpan kalau sudah dan di copy dan di paste iyaa broo.

<script type='text/javascript'>
//<![CDATA[
$(function() {
if ($('#sticky-sidebar').length) { // Ganti "#sticky-sidebar" dengan ID tertentu
var el = $('#sticky-sidebar');
var stickyTop = $('#sticky-sidebar').offset().top;
var stickyHeight = $('#sticky-sidebar').height();
$(window).scroll(function() {
var limit = $('#footer-wrapper').offset().top - stickyHeight - 20; // Jarak berhenti di "#footer-wrapper"
var windowTop = $(window).scrollTop();
if (stickyTop < windowTop) {
el.css({
position: 'fixed',
top: 20 // Jarak atau margin sticky dari atas
});
} else {
el.css('position', 'static');
}
if (limit < windowTop) {
var diff = limit - windowTop;
el.css({
top: diff
});
}
});
}
});
//]]>
</script>

Klik Simpan temlate

script yang berwarna biru atau blue ” #sticky-sedebar ” bias kalian ganti dengan nama atau ID di widget yang Kalian Inginkan broo ingin buat sticky

script yang berwarna merah atau red ” #footer-wrapper ” bias juga kalian ganti dengan nama id adana broo dimana sticky itu akan berhenti atau stop.

Bila sudah semua kawan-kawanku semua silahkan klik simpan tamplet dan silahkan mencoba hasilnya lihat berhasil atau tidak yang kalian terapkan ini broo.

Pasang Sticky Widget Kalau sudah berhasil kemudian jangan lupa coment di bawah iya bro Oke mungkin cukup sekian dahulu sedikit informasi ataupun tutorial dari admin MbotonDev.