CARA MEMBUAT IKLAN ADSENSE MELAYANG DI SIDEBAR (STICKY) WALAU DI SCROOL

Blog atau situs tidak lengkap rasanya tanpa keberadaan iklan yang juga membuat tampilan blog semakin menarik. Namun tahukah sobat bawah iklan tersebut dapat dibuat melayang alias tetap walaupun saat membaca artikel di scrool kebawah. Kali ini  saya akan membahas cara membuat widget melayang di blog atau situs sobat. Silahkan simak langkah langkahnya sebagai berikut. 

Langkah Pertama, Silahkan login terlebih dahulu ke blog sobat, setelah itu pilih tata letak. Nah pada tata letak pilih widget yang ingin dibuat melayang. Misalnya pada blog ini saya memilih widget adsense seperti gambah dibawah ini, kemudian pilih edit.

Langkag Kedua, akan muncul tab widget adsense, perbesar terlebih dahulu tampilannya kemudian pada sudut kanan atas copy id widget adsense sobat, seperti gambar dibawah ini. 

Langkah Ketiga, Copykan kode dibawah ini ke Notepad sobat, 

 <script type='text/javascript'>
//<![CDATA[
$(function() {
  if ($('#sticky-sidebar').length) { // Ganti "#sticky-sidebar" dengan ID tertentu
    var el = $('#AdSense5');
    var stickyTop = $('#AdSense5').offset().top;
    var stickyHeight = $('#AdSense5').height();
    $(window).scroll(function() {
      var limit = $('#Attribution1').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>

Lalu lakukan edit seperti gambar dibawah ini, pada bagian sticky-sidebar ganti dengan id widget adsense sobat yang sebelumnya telah di copy, kemduain pada kotak kedua yaitu attribution ganti dengan id widget terakhir di blog sobat dalam blog ini widget terakhir ada contact from maka buka lalu perbesar copy id widget seperti gambar dibawah, lalu pastekan ke kode yang telah dicopy sebelumnya.

Kode Yang Telah di Copy ke Notepad Sebelum Di Edit

Kode Setelah diganti dengan ID WIDGET BLOG SOBAT

Langkah Keempat, Copy kode yang sudah diedit tadi, kemudian pastekan di template html sobat pada dashboar blog pilih tema, klik edit HTML, setelah itu pada keyboard tekan tombol Ctrl +F lalu ketikan </body> lalu pastekan kode yang sudah diedit sebelumnya diatas tag </body>, seperti dibawah ini. Setelah itu klik simpan tema lalu lihat blog sobat.

Kode Setelah Diletakan di Atas tag </body>

Hasilnya silahkan lihat pada video dibawah ini. Iklan adsense sidebar saya sudah sticky.