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

Guntur F.P
mas, kenapa nama blog saya dijadiin sumber..
kan mas sendiri yang bikin nih artikel :/
reply Reply delete Delete
Rizky Kurniawan Ritonga
karena semua ini berkat kamu ;)

Posting Komentar

Blog ini tidak menerima komentar via OpenID atau Anonim.
Link aktif akan secara otomatis terhapus oleh sistem.
Untuk memasukkan link dengan aman, gunakan kode [url=http://sites.com]Teks Link[/url]
Untuk memasukkan kode, gunakan kode <i rel="code">Kode Kamu</i>
Untuk memasukkan kode yang panjang, gunakan kode <i rel="pre">Kode Panjang Kamu</i>
Untuk menyisipkan gambar, gunakan kode [img]Url Gambar[/img]
Untuk memasukkan title, gunakan kode <b rel="h4">Title kamu ...</b>
Untuk memberikan efek huruf tebal pada teks, gunakan kode <strong>Teks Kamu ...</strong>
Untuk memberikan efek huruf miring pada teks, gunakan kode <em>Teks Kamu ...</em>

Khusus untuk membalas komentar disarankan menggunakan tombol balas di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur. Karena mungkin, apa yang Anda tanyakan/katakan saat ini akan sangat bermanfaat bagi pembaca lain.

Emotikon
:) :( ^_^ :D ;) :-bd :'( :\ :p B) :Q :Ozz 7:( \o/ **p <3 0:) :-a 7:O *fck* x@ X@ ~x( :yaya: =p*

Cancel Reply