Langsung ke konten utama

Cara Membuat Sidebar widget Mengambang Pada Blog

PeluangSukses.Com - Apakah Anda ingin membuat widget bilah sisi mengambang yang menempel saat Anda menggulir ke bawah?

Elemen mengambang yang menempel pada layar Anda saat Anda menggulir menarik perhatian dan cenderung memiliki rasio klik-tayang dan rasio konversi yang lebih tinggi daripada objek statis. Inilah sebabnya mengapa banyak situs web menggunakan elemen mengambang di seluruh situs web mereka.

Pada artikel ini, kami akan menunjukkan cara membuat widget sidebar mengambang lengket di blogpsot. Cara Membuat Sidebar widget Gadget Blog Melayang Mengambang adalah dengan menempatkan kode berikut diatas </body>

Cari ID Sebagai Berikut:

Ganti ID sidebar dengan ID yang mau kita buat mengambang. misalkan #sidebar3 pada blog ini. ingat hanya ID dengan tanda pagar # pada CSS.

Contoh perbedaan id dengan class pada rangkain HTML seperti dibawah ini.

 tanda pagar # pada CSS.


Kode Skripnya Sebagai Berikut:

 <script type='text/javascript'>

//<![CDATA[

$(function() {

  if ($('#sidebar3').length) { // Ganti "#sidebar3" dengan ID tertentu

    var el = $('#sidebar3');

    var stickyTop = $('#sidebar3').offset().top;

    var stickyHeight = $('#sidebar3').height();

    $(window).scroll(function() {

      var limit = $('#footer-wrapper').offset().top - stickyHeight - 0; // Jarak berhenti di "#footer-wrapper"

      var windowTop = $(window).scrollTop();

      if (stickyTop < windowTop) {

        el.css({

          position: 'fixed',

          top: 0 // Jarak atau margin sticky dari atas

        });

      } else {

        el.css('position', 'static');

      }

      if (limit < windowTop) {

        var diff = limit - windowTop;

        el.css({

          top: diff

        });

      }

    });

  }

});

//]]>

</script> 


PeluangSukses.Com

20 Kata Yang Orang Tua Harus Ucapkan Ke Anak Sedari Kecil

Menghitung Keuntungan Budidaya Ikan Lele

5 Cara Tetap Sejuk di Cuaca Panas Tanpa AC Rumah

Antara Prestasi Anies dan Prestasi Bank DKI

Sederet Artis Nikah Tanpa Restu Orang Tua hingga ada yang Pilih MURTAD atau MUALAF

Anies dipanggil KPK ! Siasat Licik Jegal Lawan Politik 2024 ! Jokowi Megawati Prabowo Anies Baswedan

5 Contoh Kekuatan Makeup Riasan Sangat Senang Dengan Hasilnya

KAMPUNG SUSUN ALA ANIES & RUSUN ALA AHOK BEDA

TAK TAHAN MENJANDA ARTIS CANTIK PUNYA BANYAK MANTAN SUAMI! Siapa saja mereka?

5 Cara Ampuh Usir Semut di Toples Gula dan Makanan Manis Lainnya

Support : Copyright © 2019. PeluangSukses.Com - Informasi Usaha, Bisnis dan Gaya Hidup - All Rights Reserved