Memotong Snipet pada Widget Populat Post | OOM RIO

Wednesday, December 26, 2012

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'>
//<![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>
2. Simpan template, dan lihat hasilnya.
Keterangan:
Angka 70 untuk mengatur ringkasan post, silahkan anda sesuiakan sendiri.
Selamat mencoba.


Judul: Memotong Snipet pada Widget Populat Post; Ditulis oleh Unknown; Rating Blog: 5 dari 5

Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari Blogger Tutorial | SEO | Free Blogger Templates | OOM RIO.com di inbox anda:


0 comments:

Post a Comment

Informasi Pilihan Identitas:
Google/Blogger : Khusus yang punya Account Blogger.
Lainnya : Jika tidak punya account blogger namun punya alamat Blog atau Website.
Anonim : Jika tidak ingin mempublikasikan profile anda (tidak disarankan).