Memotong Cuplikan Snippet pada Widget Popular Post

gtrslnc

Tricks Blogger, Tutorial

Monday 17 March 2014

1 Komentar

Sebuah tutorial yang berjudul Memotong Cuplikan Snippet pada Widget Popular Post, mungkin bagi anda yang suka banget dengan rapi dan tata letak blog anda mungkin tutorial kali ini bisa menjadi solusi, secara default tampilan snippet popular post menurut saya itu kurang rapi, apa lagi kalo sampai judul artikelnya panjang, ruwet pastinya, nah untuk mengatasinya cukup menambahkan sedikit javacript yang berfungsi mengurangi jumlah cuplikan(snippet) pada widget popular post tersebut.

Berikut adalah cara memotong snippet tersebut:

1. Masuk ke Template » Edit HTML
Letakkan kode diawah ini diatas tag </body> pada template kamu.

<script type='text/javascript'>

//<![CDATA[

$('.popular-posts ul li .item-snippet').each(function(){

  // Rubah angka 70 untuk mengatur ringkasan post

  var txt=$(this).text().substr(0,70);

  var j=txt.lastIndexOf(' ');

  if(j>42)

     $(this).text(txt.substr(0,j).replace(/[?,!\.-:;]*$/,'...'));

});

//]]>

</script>

2.Simpan Template, dan lihat hasilnya

Sekian Postingan Kali ini,Semoga Bermanfaat.

Sumber Original Postingan

Males Code