Seo Teknikleri ve Blog İpuçları

Blogger Eklentilerini Sayfada Sabitleme Yöntemi

Share:
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 ⤵

5 yorum:

  1. Ç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ş.

    YanıtlaSil
    Yanıtlar
    1. Başka yolları da vardır ama bu yöntemi denedim.

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

      Sil
  2. 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. :)

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

      Sil

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.

Seo ve Blog ipuçlarını alarak daha fazla ziyaretçi ve en yüksek verimi hedefleyin.