Cara Membatasi Panjang Judul Posting Blog Otomatis

Cara Membatasi Jumlah Karakter, Kata, atau Panjang Judul Posting Blog Secara Otomatis.

MEMBATASI jumlah karakter atau huruf judul tulisan diperlukan untuk mesin pencari (SEO) dan keindahan tampilan desain.

Panjang judul posting penting diperhatikan supaya terindeks Google. Di halaman hasil pencarian (SERP), Google menampilkan maksimal 60 karakter. Jika judul kepanjangan, akan terpotong dan diganti titik-tik.

Namun, tips berikut ini bukan tentang membuat judul menjadi 60 karakter itu, tapi membatasi panjang judul posting agar "pas" dengan desain layout, khsususnya Auto Readmore.

Dalam desain halaman depan dua kolom, biasanya jika ada judul terlalu panjang, maka akan mengubah tampilan. Kode berikut ini untuk membatasi panjang judul secara otomatis, sehingga tampilan halaman depan rapi.

Kode sama fungsinya dengan Plugin Limit Post Title WordPress. Di blog selfhosted WP, kita tinggal menginstall plugin tersebut untuk membatasi panjang judul tulisan di halaman depan.

Untuk di blogspot, di bawah ini caranya.

Cara Membatasi Jumlah Karakter Judul Posting Halaman Depan

1. Template > Edit HTML
2. Copas kode berikut ini di atas kode </body>

<script type='text/javascript'>
//<![CDATA[
$('.post h2, .post h2 a').each(function(){
  var txt=$(this).text().substr(0,50);
  var j=txt.lastIndexOf(' ');
  if(j>42)
     $(this).text(txt.substr(0,j).replace(/[?,!\.-:;]*$/,'...'));
});
//]]>
</script>

CATATAN: 
42 adalah jumlah karakter -- bisa diubah menjadi lebih besar atau kecil

Membatasi Ringkasan Widget Popular Post

Kode di atas juga bisa digunakan untuk membatasi jumlah karakter judul Popular Post. Caranya, dengan mengganti kode post h2, .post h2 a menjadi popular-posts ul li, sebagai berikut:

<script type='text/javascript'>
//<![CDATA[
$('.popular-posts ul li .item-snippet').each(function(){
  var txt=$(this).text().substr(0,50);
  var j=txt.lastIndexOf(' ');
  if(j>42)
     $(this).text(txt.substr(0,j).replace(/[?,!\.-:;]*$/,'...'));
});
//]]>
</script>
Demikian Cara Membatasi Panjang Judul Posting Blog Otomatis halaman depan Blogger.*