Blogger Eklentilerini Sayfada Sabitleme Yöntemi

 Blogger kullanıcıları için tasarlanmış çok sayıda kod mevcut. Altyapısı fazla gelişmiş olmadığından bazı müdahalelerde bulunarak kendi sayfamızı geliştirebiliyoruz. Eğer blog sayfanız varsa bu eklenti çok işinize yarayacak. Çünkü görülmesini istediğiniz eklentileri sidebar alanında sıralarken ziyaretçi yazıyı okumaya geldiğinde aşağı doğru indikçe eklenti kaybolur. Bu da sizi hedefinizden uzaklaştırır ve eklentinin gözden kaçmasına neden olur. Seçtiğiniz blogger eklentilerini sayfa ile hareket ettirebilirsiniz. Bunun için yapılması gereken iki basit işlem var.

Birinci İşlem: Sayfa ile hareket etmesini istediğiniz yapışkan eklentiyi seçmeniz gerekiyor. Bu işlem için aşağıdaki görselden faydalanabilirsiniz. Aşağıdaki görselde tespit edilen İd: HTML2'dir sizde başka şekilde numaralandırılmış olabilir. Ben abone formunu sabitlemek istedim ama hangi eklenti seçileceği size kalmış bir seçenek.

İkinci İşlem: Tema kodlarınızın bulunduğu sayfaya giderek Ctrl+F yardımıyla </head> kodunu bulun ve hemen üzerine aşağıdaki kodu ekliyoruz.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
    var ks_widget_top = $('#widget Id').offset().top;
    var ks_sticky_widgets = function(){
        var ks_current_top = $(window).scrollTop();
         
        if (ks_current_top > ks_widget_top) {
          $('#widget Id').css({ 'position': 'fixed', 'top':0, 'z-index':999999 });
        } else {
            $('#widget Id').css({ 'position': 'relative' });
        }
    };
    ks_sticky_widgets();
      $(window).scroll(function() {
         ks_sticky_widgets();
    });
});</script>

 Kod ekleme işini bitirdiğimize göre son eklediğiniz kod içindeki kırmızı alanı kendi id numaranızla değiştirmeyi unutmayın. Böylece seçtiğiniz eklenti sayfanın sonundan başına kadar yazıyı takip eder.

✔ Bu içeriği beğendiyseniz lütfen paylaşın ⤵