Home » » Cara Membatasi Panjang Judul Posting Blog Otomatis

Cara Membatasi Panjang Judul Posting Blog Otomatis

Membatasi Panjang Judul Posting
Cara Membatasi Jumlah Karakter, Kata, atau Panjang Judul Posting Blog Secara Otomatis. Juga berlaku untuk widget Popular Posts.

KITA harus membatasi pandang judul posting 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 Dua Kolom seperti template New Johny Wuss Series.

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.

Membatasi Panjang Judul Posting

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. Tips ini sudah diterapkan di Blog DEMO New Johny Wuss.

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. Baca juga: Cara Menambah/Mengurangi Jumlah Ringkasan Auto Readmore Halaman Depan

Good Luck & Happy Blogging! (http://www.contohblog.com).*

Sumber

Thanks for reading & sharing Cara Membatasi Panjang Judul Posting Blog Otomatis

Previous
« Prev Post

4 comments:

Comment Page:
  1. wah baru tau kalo judul posting maksimal 60 karakter, kalo permalink sama judul post blog beda pengaruh buruk atau bagus gan?

    ReplyDelete
  2. hallo mas CB, blognya keren hi speed of loading.

    boleh tanya cara bikin tulisan "Spam Detected..." dg stabillo kuning, spt di komen atas ini. so cool ...! terimakasih mas.

    ReplyDelete
    Replies
    1. Kode anti-spam:
      http://www.contohblog.com/2015/10/cara-memasang-kode-anti-komentar-spam.html

      Delete
  3. Hallo maaf gan saya mencoba menggunakan kode diatas
    saya letakkan di atas /body kemudian saya kecilkan angka menjadi 10 untuk mempermudah test sukses apa tidaknya script ini, ternyata tidak memberikan perubahan gan..
    Kemudian saya mencoba mengganti .post h2, .post h2 a dengan selector h3.post-title, h3.post-title a yang saya sesuaikan dari bentuk template saya seperti dibawah ini

    h3 class="post-title entry-title" itemprop="name"
    a href="#" JUDULLLL /a
    /h3

    hasilnya tetap tidak memberikan perubahan..
    Sebelumnya maaf tidak bermaksud menyalahkan isi tutorial ini, tapi sebaliknya saya ingin ingin tahu bagaimana solusi untuk membatasi jumlah karakter judul postingan pada halaman depan..

    Terima kasih
    Salam Blogger

    ReplyDelete

Komentar spam, menyertakan link aktif dan alamat blog tidak akan muncul. Tidak semua pertanyaan sempat atau bisa dijawab. Thanks for visiting and the comment :)

E-mail Newsletter

Receive Latest Posts from CB Blogger Straight in Your Email Inbox