8/21/2016T8/21/2016

Cara Membuat Widget Ikut Ketika discrool

/* kode iklan */
/* kode iklan */
cara membuat widget ikut ketika discrool- Sebenarnya cara membuat widget ikut ketika discrool/ Sticky sudah banyak yang membahasnya melalui blog-blog atau melalui forum-forum diinternet, Tetapi masih saja pada bingung untuk meletakkan scripnya dimana...!!! Oke langsung saja kita menuju TKP.





Cara Pertama, Login Ke blogger terus lanjut ke template > Edit HTML Lanjut copy kode dibawah ini tepat diatas </body>




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

  • Ubah warna Merah dengan widgetid yang ingin anda buat ikut ketika discrool
  • Ubah warna Biru dengan widgetid Paling Bawah sendiri. Fungsinya untuk batas, Agar widget yang kita scrool tidak ikut ke scrool sampai bawah, atau yang orang jawa bilang dak kebablasan....hehehe
Baca Juga: Cara Membagi Postingan Menjadi Beberapa Halaman

Cara yang Kedua. Letakkan code berikut tepat diatas ]]></b:skin> atau <style>

#sticky-sidebar { width:100%;max-width:100%;}


atau gunakan css di bawah untuk menentukan widget pada query tertentu:
@media only screen and (max-width:768px)
{
#sticky-sidebar {width:100%;max-width:100%}
}


Cara  membuat widget ikut ketika discrool sudah saya coba dan work dengan template evo magz. Cara ini bisa juga digunakan pada iklan.Kalau masih binggung jangan sungkan bertanya. Silahkan bertanya dikolom komentar....!!!
Selamat mencoba semoga sukses



/* kode iklan */

jangan lupa iklannya diklik ya, to "Cara Membuat Widget Ikut Ketika discrool"

Post a Comment