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.
Related Posts
CSS LINKPenggunaan css pada fitur css link sangat bervariasi. Ada banyak fungsi pada fitur css link, kita bisa mengatur warna link, warna latar pada link, merubah warna pad ... readmore
Cara membuat textarea dengan tombol "select all"Belajar kali ini adalah bagaimana kita menggunakan Javascript dan Css untuk menambahkan tombol "select all" pada textarea. Sehingga pengunjung lebih mudah untuk men ... readmore
Cara buat gallery dengan efek hover zoomingTambah lagi koleksi cara buat gallery. Berbeda dengan yang lalu, anda bisa lihat DISINI. Gallery yang ini lebih menarik dan cara kerjanya juga lebih enak dipandang. ... readmore
Modifikasi Widget Archive dengan CSSMemodifikasi widget archive dengan css, itulah ayang akan kita bahas sekarang, memang mudah memodifikasi widget archive seperti membuat scroll down, menambahkan bac ... readmore
Cara membuat gambar melayangCara membuat gambar melayang menggunakan properti float, properti float sangat sering digunakan untuk gambar. Dengan Properti float, sebuah gambar bisa dibuat melay ... readmore
0 comments:
Post a Comment
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).