Memotong Snippet Popular Posts di Blogger - Cara memotong snippet popular posts merupakan salah satu widget yang cukup popular untuk dipasang di blog. Fungsi dari widget ini yaitu memberitahukan informasi kepada pembaca, postingan atau artikel apa saja yang sering dibaca berdasarkan settingan waktu yang telah ditentukan baik 7 hari, 30 hari atau setiap saat. Sehingga, pembaca akan mendapatkan lebih banyak pilihan untuk menelusuri setiap halaman pada blog kita.
Kombinasi terhadap judul post, tumbnail dan snippet/ deskripsi singkat pada widget popular posts terkadang terlihat kurang rapi saat di pasang pada sidebar yang berakibat pada tampilan atau desain halaman jadi terlihat berantakan. Untuk itu, kita perlu untuk memotong snippet atau deskripsi singkat dari popular post tersebut.
Langsung saja, silahkan kalian ikuti tutorial berikut ini untuk memotong snippet popular posts di blog.
Cara Memotong Snippet Popular Posts di Blogger
1. Masuk dalam akun blogger kalian terlebih dahulu.
2. Pilih bagian Template > Edit HTML
3. Tambahkan kode jQuery di bawah ini, tepat berada di atas kode </body>
<script type='text/javascript'>
//<![CDATA[
$('.popular-posts ul li .item-snippet').each(function(){
var txt=$(this).text().substr(0,48);
var j=txt.lastIndexOf(' ');
if(j>42)
$(this).text(txt.substr(0,j).replace(/[?,!.-:;]*$/,'...'));
});
//]]>
</script> Silahkan kalian ganti, pada kode yang berwarna kuning dengan jumlah huruf yang ingin ditampilkan4. Klik pada tombol Simpan Template
Demikianlah tadi tutorial, cara memotong snippet popular posts di blogger. Semoga bermanfaat bagi kita semua, selamat berkarya dan sampai jumpa.
EmoticonEmoticon