Kategorileri Aç / Kapat

Blogger Yorumlardaki Fazla Boşlukları Otomatik Kaldırmak

Hadi şimdi BEĞEN butonuna tıklayarak Facebook sayfamıza katıl. Hoş geldin :)


Blogger Yorumlardaki Fazla Boşlukları Otomatik Kaldırmak
Son 2 gündür Blogger'daki bir hatalı durumu düzeltmek için türlü yollar arıyorum. Hataya gelelim öncelikle... Sitenize yorum yapan ziyaretçileriniz, yorum formuna istemeden de olsa birden fazla kez boşluk ekleyebilir. Bu maalesef ki iyi bir görüntü oluşturmuyor. Bunun için de birçok yöntem olabilir. Ancak maalesef ki Blogger gibi bir altyapıda her şeyi çalıştırmak mümkün olmamakta. Sonuç olarak, jQuery ile bir çözüm yolu yaratabildim.

Mantık ise şu, ilgili kod mevcut yorum alanındaki tüm "br" etiketlerini alıyor ve "p" etiketine çeviriyor. Akabinde, p etiketine verdiğimiz boşluk değeri ile bir nevi yapay "br" etiketi elde etmiş oluyoruz. Böylelikle, fazla kullanılan boşluklar artık sorun olmaktan çıkıyor. Bu benim için çok önemli bir konu idi ve çözüme kavuşturdum. Benzeri durumu araştıranlara yönelik olarak ilgili kodları paylaşmak istiyorum.

Blogger Yorumlardaki Fazla Boşlukları Otomatik Kaldırmak


1) Öncelikle temanızda jQuery kütüphanesi olduğundan emin olun.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>

2) jQuery kodlarımız aşağıdaki gibidir. Değiştirmeden ekleyiniz.

<script>
$('.comment-body br').replaceWith(function() {
return $(this).html() + '<p></p>';
});
</script>

3) CSS kodumuz ise aşağıdaki gibi olacaktır.

<style>
.comment-body p{margin-top:1.4em!important}
</style>

Önceki Görünüm

Blogger Yorumlardaki Fazla Boşlukları Otomatik Kaldırmak

Sonraki Görünüm

Blogger Yorumlardaki Fazla Boşlukları Otomatik Kaldırmak

NOT: jQuery kodlarını "</body>" etiketi üzerine eklemenizi öneririm.

Beğendin mi? Beğen veya Paylaş butonlarına tıklayabilirsin. Teşekkürler :)

Hiç yorum yok: