Blogger Sidebar Alanına Yapışkan Eklenti Kurulumu

sidebar-eklenti-sabitleme-yöntemi

 Blogger sidebar alanına yapışkan eklenti kurulumu - 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 ⤵

YAZIYI PAYLAŞ

BENZER YAZILAR

SONRAKİ
« Prev Post
ÖNCEKİ
Next Post »

15 yorum

yorum YAZ
18 Ocak 2018 13:34

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

Cevap Ver
avatar
18 Ocak 2018 16:12

Bunu ben de yapmak istiyorum . Paylaştım için çok teşekkürler :)

Cevap Ver
avatar
18 Ocak 2018 16:13

"position: sabit;" yerine "position: fixed;" olması gerekmiyor mu? :)

Cevap Ver
avatar
18 Ocak 2018 20:16

Blog ıd yerini demo blogta denedim olmadı :( nedir bu benim bahtsızlığım

Cevap Ver
avatar
18 Ocak 2018 22:38

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ı

Cevap Ver
avatar
18 Ocak 2018 22:42

Bilmiyorum ama bu şekilde çalışıyor en azından.

Cevap Ver
avatar
18 Ocak 2018 22:55

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

Cevap Ver
avatar
18 Ocak 2018 23:08

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

Cevap Ver
avatar
18 Ocak 2018 23:44

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

Cevap Ver
avatar
19 Ocak 2018 01:07

Genelde Google reklamları için çok uygun bir eklenti

Cevap Ver
avatar
19 Ocak 2018 11:47

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..

Cevap Ver
avatar
19 Ocak 2018 11:48

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

Cevap Ver
avatar
19 Ocak 2018 16:02

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

Cevap Ver
avatar
19 Ocak 2018 18:52

Tamam dogushakanyilmaz@gmail.com

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.