Blogger Sidebar Alanına Yapışkan Eklenti Kurulumu

Share:
sidebar-eklenti-sabitleme-yöntemi

  Blogger için kullanışlı ve işe yarayan bir kod paylaşmak istiyorum. Yapışkan eklenti yazı boyunca kenarda sabitlenir. Böylece ziyaretçileriniz yazınızı okurken eklenti devamlı göz önünde olur. Örneğin e-posta aboneliğini yapışkan yaparak ziyaretçinin daha çok dikkatini çekmesini sağlayabilirsiniz. Sidebar alanında sabitlediğiniz eklentiyi ayarladıktan sonra diğerleri gözükmeyecektir. Bu nedenle en son eklentiyi yapışkan yapacak şekilde ayarlayın derim.

 İstediğiniz eklentinin sayfa boyunca takip etmesi için yapmanız gereken aşağıdaki iki kodu ilgili yerlere eklemektir. İlk olarak tema alanınızda ]]></b:skin> kodunu aratarak alttaki kodu üstüne ekleyin.

.sticky {
position:fixed;
top:10px;/* distance from the top*/
z-index: 100;
}

 Daha sonra aynı alanda </body> kodunu aratarak hemen üstüne aşağıdaki kodu ekleyin. Bu kod içindeki "HTML7" yazan yerlere yapışkan hale getirmek istediğiniz eklentinin İd numarasını yazarak temayı kaydedin.

<script type='text/javascript'>
$(document).ready(function() {
var stickyWidgetTop = $('#HTML7').offset().top; 
var stickyWidget = function(){
var scrollTop = $(window).scrollTop(); 
if (scrollTop > stickyWidgetTop) { 
$('#HTML7').addClass('sticky');
} else { $('#HTML7').removeClass('sticky'); 
}
};
stickyWidget();
$(window).scroll(function() {
stickyWidget();
});
});
</script>

 İd numaranızı bulmak için Yerleşim/ Gadget Ekle alanında yapışkan yapacağınız eklentiyi düzenleye tıklayın. Açılan yapılandırma alanında link içinde en sonda HTML2 gibi numarayı yukarıdaki kod içindeki kırmızı alandaki il değiştirin.

yapışkan-eklenti-kurulumu


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

11 yorum:

  1. Benim temamda html yazan hiçbir yer yok blog ıd diye bir şey var onu koysam olurmu ?

    YanıtlaSil
    Yanıtlar
    1. Blog ıd yerini demo blogta denedim olmadı :( nedir bu benim bahtsızlığım

      Sil
    2. Eklediğiniz ve yapışkan olmasını istediğiniz eklentiyi yerleşim sayfasında düzenleye tıklayın açılan penceredeki linkin en sonunda yazıyor html numarası

      Sil
    3. Maalesefki yok ıd numarası var sadece ayrıcı html2 diye bir şeyde yok bütün gadgetlere baktım.

      Sil
    4. Gadgetlarda bakarken html2 diye aramıyorsunuz değil mi? Sizde başka olabilir. html7, html8, html9 gibi olması lazım çünkü

      Sil
    5. Hayır hayır tabiki öyle değil hiç bir rakam yok ıd den başka

      Sil
    6. Hımm acaba linkin sonuna kadar ilerlemiyor musunuz?Id nin olduğu rakamın devamında en son da yer alıyor. Yardımcı olabilmek için soruyorum, yanlış anlamayın..

      Sil
    7. Buyuk açiyorum eklentiyi ama yok maalesef ekran goruntusu aldim size ulastirsam ?

      Sil
    8. Tamam dogushakanyilmaz@gmail.com

      Sil
  2. Genelde Google reklamları için çok uygun bir eklenti

    YanıtlaSil
    Yanıtlar
    1. Evet genelde reklam için kullanıyorlar ama ziyaretçiye neyi göstermek istiyorsanız onu yapıştırabilirsiniz.

      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.