Blogger Yazı Uzunluğunu Gösterme


jQuery öğretici sitelerinde gezinirken bir div içerisinde bulunan yazıya ait kelime ve karakter sayısını (yazı uzunluğunu) göstermeye yarayan yazı bilgi alanlarında geliştirilerek kullanılabilecek aşağıdaki (yazının devamındaki) kodlara denk geldim.

Kodun kullanımı için aşağıdaki kodlar </head> öncesine,
<script>
$(function() {
var text = $('.post-excerpt').text(); // .post-excerpt yerine yazının bulunduğu div id - class ismi çoğunluk olarak .post-body olabilir
var charsLength = text.length;
var wordsCount = text.split(' ').length;
$('#words').html(' ' + wordsCount + ' kelime'); // kelime sayısını göstermek için
$('#chars').html(' ' + charsLength + ' karakter'); // karakter sayısını göstermek için
});
</script>
Kodun nerede çalışması, gözükmesi isteniyorsa oraya da aşağıdaki kod eklenecek. Sadece kelime sayısını göstermek için words, sadece karakter sayısını göstermek için chars id'lerine sahip span kullanılabilir.
<span id="words"></span>
<span id="chars"></span>

*Şu an bloğumda yazı başlıklarının hemen altında bu kodun çalıştığını görebilirsiniz.

Yorumlar

İzleme/Abonelik

Son içeriklerden haberdar olmak için isterseniz bloğumu izlemeye alabilir veya e-posta adresinizle abone olabilirsiniz.
*Uyarı e-posta adresinizi kayıt ettikten sonra e-posta adresinize gelen aktivasyon işlemini tamamlamayı unutmayın.