Memotong Cuplikan Snippet Pada Widget Popular Post [Re-post]

Snippet Cropping
Contoh Pemotongan Snippet Tersebut
Pada kesempatan kali ini Males Code akan membagian 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
2.Letakkan Kode Dibawah ini diatas tag </body> pada template anda

<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 anda dan lihat hasilnya.
Sekian tutorial kali ini, semoga bermanfaat.
Sumber Re-Post: Mozards

2 komentar

mas, kenapa nama blog saya dijadiin sumber..
kan mas sendiri yang bikin nih artikel :/
Reply Delete
karena semua ini berkat kamu ;)

Posting Komentar

no Spam :)

Cancel Reply