Cara Paling Mudah
Membuat dan Memasang Widget Sticky di Sidebar Blogger sobat - Apakah widget Sticky itu dan bagaimana cara pemasangan pada blog ? widget Sticky merupakan widget yang tetap melayang / menempel meskipun mouse sobat di scroll ke bawah . biasanya widget sticky ini terletak di bagian sidebar blog sobat , entah itu dibagian sidebar kiri maupun sidebar kanan , widget sticky ini dipasang supaya dengan jelas pengunjung dapat melihat widget yang kita buat sticky seperti widget follower , widget fans page dan masih banyak lainya , namun dalam penggunaanya widget sticky di larang untuk memasang iklan adsense dalam gaya sticky
Berikut Tips Memasang Widget Sticky di Sidebar Blog
- Pertama yang pastinya sobat harus login ke Blogger
- Setelah Klik Template > Edit HTML
- Tambahkan kode CSS di bawah ini di atas
]]></b:skin>
.sticky {
position:fixed;
top:10px;/* jarak dari atas*/
z-index: 100;
}
-
Tambahkan Kode JavaScript
Simpan kode ini di atas </body>
[ kode ini biasanya berda paling ngisor pisan ]
<script type='text/javascript'>
$(document).ready(function() {
var stickyWidgetTop = $('#HTML7').offset().top;
var stickyWidget = function(){
var scrollTop = $(window).scrollTop();
if (scrollTop > stickyWidgetTop) {
$('#HTML1').addClass('sticky');
} else {
$('#HTML1').removeClass('sticky');
}
};
stickyWidget();
$(window).scroll(function() {
stickyWidget();
});
});
</script>
Silahkan Sobat Ganti #HTML1
dengan ID widget yang ingin sobat buat sticky.
Nah itu dia cara Membuat sekaligus Memasang Widget Sticky di Sidebar Blog Paling Mudah , semoga tutorial sticky ini bermanfaat bagi sobat dan selamat mencoba
13 Komen Cara Mudah Membuat Widget Sticky di Sidebar Blogger Anda
nambah ilmu lg nih
maksudnya html 1 itu gimana bro??? bisa lebih detail?? apa seperti popular post?? kalo disini kan baca ini juga bro.... mohon dibntu bro
id untuk menganti html 1 nya itu dicari dimana yha ??? mohon dibantu mas,, maklum masih newbie... :)
Mas, Tutorial supaya yg di paling atas itu ada blogger tutorial, daftar isi, facebook tutorial,dll itu supaya klo di tekan langsung ke situnya gimana, klo punya saya klo di tekan tetep di halaman itu(anggapan nya cuma refresh) thx sebelumnya :)
tolong pencerahannya
ogh.... kalu itu caranya gampang tinggal ke template-----> edit html-----> lalu cara kode yang home, abaut, dll ( untuk memudahkan pencarian tekan tombol ctrl dan huruf f ) kalau sudah ketemu cari tanda pagar # lalu ganti denagn url yang akan kita link
apa susahnya mudah aja kok
hehehe...........................
biar sticky widget nya hanya berfungsi jika dibuka via komputer saja gimana ya? soalnya jika blog nya dibuka via hp, sticky widget nya mengganggu
your artikel is usefull for me. find me on tipepedia and read my artikel Teknik Pengambilan Sampel Terbaru dan Terlengkap
wah keren nih
Sangat Membantu Mas.
Mas Yadi. #HTML7 ini kan akan berbeda di tiap-tiap template blog. Mohon kejelasannya untuk yang #HTML7 ini. Terima kasih,
html 7 ganti di ganti dengan id yang sama. mungkin TS kelupaan ^_^
HTML7 itu bukan.. mungkin silap tuh Ts.. html 7 ganti dengan html 1 spt yang di bawahnya.
= > Silahkan berkomentar sesuai artikel diatas
= > Berkomentar dengan url ( mati / hidup ) tidak akan di publish