Blog yang berisi seputar kode-kode web pada platform blogger.

Cari blog ini

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

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
Rizky

hanya sefruit manusia yang masih giat belajar

Medan, North Sumatera, Indonesia

2 komentar

Posting Komentar

no Spam 🙂

Batal Membalas