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
