Memotong Snippet Popular Post di Blogger

Memotong Snippet / Cuplikan Postingan Popular Post di Blogger. Popular Post atau entri populer pada Blogspot banyak pilihan pada penggunaannya. Baik hanya menampilkan judul saja, judul dan thumbnail gambar, atau disertai dengan snippet (cuplikan). Bahkan kita bisa menampilkan entri pupuler dengan jarak waktu, baik 1 minggu, 1 bulan, atau selamanya.

Apabila kita menampilkan judul, thumbnail dan snippet, terkadang snippet (cuplikan) terlalu panjang sehingga melebihi thumbnail gambar. Saat ini saya akan berbagi cara mengatur, atau memotong snippet pada entri populer (popular posts).

Cara Memotong Snippet pada Polular Posts

1. Tambahkan Widget Entri Populer dan tandai thumbnail gambar dan cuplikan.

2. Simpan

Sekarang Masuk ke Edit HTML pada Template

1. Tambahkan kode ini sebelum </body>

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

2. Ganti tulisan yang merah (50) dengan jumlah karakter yang dikehendaki
3. Simpan

Gampang bukan cara memotong cuplikan / snippet pada popular post?

Facebook

Twitter

Google+

Pinterest

Posted by : Rizal Firdaus

Add Comment

Selasa, 31 Maret 2015