Cara Memotong Snippet Popular Post di Blogger

Ketika kita telah menambahkan widget popular post di blogger , tentu ada beberapa pilihan option yang digunakan diantaranya adalah pertama hanya menampilkan tulisan judul saja , kemudian cara kedua bisa dengan hanya menampilkan thumbnail / gambar dengan judul saja dan yang ketiga yaitu menampilkan thumbnail, judul postingan dan artikel terkait di bawahnya (Snippet).

Pada tampilan standarnya artikel di bawahnya akan berisikan kata kata pertama (Snippet) yang tercantum terlalu panjang, umumnya akan sampai dibawah thumbnail / gambar, nah untuk meringkas kata kata di bawah judul postingan agar tidak terlalu panjang maka ada cara yang akan digunakan yaitu memasukan code program ke dalam template htmlnya.

 

Caranya Seperti berikut :

1. Masuk ke dashboard blogger pilih > Tema > Edit HTML
2. Copykan code program di bawah ini di atas </body> :

<script type='text/javascript'>
//<![CDATA[
 $('.popular-posts ul li .item-snippet').each(function(){
 var txt=$(this).text().substr(0,60);
 var j=txt.lastIndexOf(' ');
 if(j>42)
$(this).text(txt.substr(0,j).replace(/[?,!\.-:;]*$/,'...'));
 });
 //]]>
 </script>

3. Angka 60 yang saya kasih warna merah merupakan batasan minimum berapa kata kata yang akan di tampilkannya, sobat bisa merubahnya sesuai keperluan yang di inginkan.

4. kemudian yang terkahir klik simpan tema, dan lihat hasilnya.

Sekian Tutorial mengenai "Cara Memotong Snippet Popular Post di Blogger" semoga bermanfaat.

Tweet