Blogger Eklentilerini Sayfada Sabitleme Yöntemi

blogger-kodlarını-yapışkan-hale-getirme

 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.

sayfa-ile-hareket-eden-eklenti

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

YAZIYI PAYLAŞ

BENZER YAZILAR

SONRAKİ
« Prev Post
ÖNCEKİ
Next Post »

5 yorum

yorum YAZ
4 Aralık 2017 14:21

Çok faydalı bir yazı olmuş, teşekkür ederim. Bazı sayfalarda reklamların sabitlendiğini görmüştüm demek bu şekilde yapılıyormuş.

Cevap Ver
avatar
4 Aralık 2017 17:36

Başka yolları da vardır ama bu yöntemi denedim.

Cevap Ver
avatar
4 Aralık 2017 18:56

Bu yöntem biraz daha basit geldi bana, bir kaç sitede daha gördüm ama sizin anlatımınız daha sade geldi

Cevap Ver
avatar
5 Aralık 2017 21:47

Kırmızı alan derken? "Widget ID" yazan yere mi kendi ID numaramızı yazıyoruz? Benim temada kendiliğinden bir özellik midir nedir; sürekli sağda sabit bir widget var. :)

Cevap Ver
avatar
5 Aralık 2017 23:04

Kırmızı alanı işaretlemeyi unutmuşum. Bazı temalarda böyle özellikler olabiliyor. Şanslısın:)

Cevap Ver
avatar

YORUM YAPARAK KATKIDA BULUNABİLİRSİNİZ...

1) Yaptığınız yorumun, yazıyla alakalı olmasına özen gösterin.
2) Yazım ve dil bilgisi kurallarına mümkün olduğunca dikkat edin.
3) Kullandığınız üslubun sizi yansıttığını unutmayın.
4) Yorum yaparken link eklemeyin.
5) Yorumunuza ikon eklemek için "Emoticon" butonuna tıklayın.
6) EmoticonEmoticon