Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget HTML #1

Cara Atur Panjang Cuplikan Widget Popular Posts


Salah satu widget yang wajib dipasang di blog adalah Popular Posts. Widget yang satu ini memberikan informasi kepada pembaca blog, post-post yang paling banyak dilihat. Dengan begitu, pembaca mendapatkan lebih banyak menu untuk menjelajahi laman blog kita. Yang pada akhirnya menambah page view blog.

Widget Popular Posts yang disedia oleh blogger diatur, kita dapat memilih ingin menampilkan post yang paling banyak dikunjungi; setiap saat, 30 hari terakhir atau 7 hari terakhir. Selain itu, tampilan widget Popular Posts juga lebih menarik, bisa disertai dengan thumbnail gambar dan cuplikan.

Kombinasi tata letak antara judul post, thumbnail dan cuplikan pada widget Popular Posts kadang menjadi kurang rapi ketika dipasang di sidebar blog. Cuplikan dengan huruf (kata) yang muncul pada widget Popular Posts yang terlalu banyak membuat tampilan widget ini kurang rapi, untuk itu kita berusaha untuk menguranginya.

Cara Mengatur Panjang Cuplikan Widget Popular Posts
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Cari kode </body> lalu taruh kode berikut ini di atasnya:

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

4. Ubah kode berwarna merah (45) dengan jumlah huruf yang akan ditampilkan.
5. Klik Simpan jika sudah selesai.