Memotong Snipet pada Widget Populat Post
Pada kesempatan kali ini saya akan membahas cara memotong snipet/ringkasan post pada widget popular post, mungkin bagi anda yang suka dengan kerapian pada tampilan blog mungkin ini bisa jadi salah satu solusi, apabila kita menambahkan widget popular post dengan memilih opsi dengan gambar dan cuplikan maka hasilnya akan terlihat kurang rapi, apalagi kalau judul artikelnya panjang, nah untuk mengatasinya kita hanya menambhkan sedikit script untuk mengurangi ringkasan/cuplikan post tersebut. Script saya dapatkan dari blog.kangismet.net.
Berikut cara Memotong Snipet Widget Populat Post:1. Masuk ke Template » Edit HTML
Letakkan kode berikut ini atas kode </body>
<script type='text/javascript'>2. Simpan template, dan lihat hasilnya.
//<![CDATA[
// potong snipet popular post
$('.popular-posts ul li .item-snippet').each(function(){
var txt=$(this).text().substr(0,70);
var j=txt.lastIndexOf(' ');
if(j>42)
$(this).text(txt.substr(0,j).replace(/[?,!\.-:;]*$/,'...'));
});
//]]>
</script>
Keterangan:
Angka 70 untuk mengatur ringkasan post, silahkan anda sesuiakan sendiri.
Selamat mencoba.
Posting Komentar
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA...</i>
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA...</i>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA...</strong>
Link aktif akan dimatikan secara otomatis.
NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".
NB: Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (Out Of Topic) dengan menekan tombol OOT di bawah ini.