By Berikut ini cara mengatur atau memotong snippet pada entri populer (popular posts) agar sesuai dengan lebar-panjang gambar thumbnail sehingga tampak rapih.
Step 1
1. Layout > Add a Gagdet > pilih Popular Posts
2. Konfigurasikan seperti gambar di bawah ini
3. Save!
Step 2
Langkah berikutnya adalah mengatur jumlah snippet tadi dengan gambar :
Sebelum
2. Tambahkan (Copy & Paste) kode berikut ini sebelum kode </body>
<script type='text/javascript'>
//<![CDATA[
$('.popular-posts ul li .item-snippet').each(function(){
var txt=$(this).text().substr(0,50);
var j=txt.lastIndexOf(' ');
if(j>42)
$(this).text(txt.substr(0,j).replace(/[?,!\.-:;]*$/,'...'));
});
//]]>
</script>
//<![CDATA[
$('.popular-posts ul li .item-snippet').each(function(){
var txt=$(this).text().substr(0,50);
var j=txt.lastIndexOf(' ');
if(j>42)
$(this).text(txt.substr(0,j).replace(/[?,!\.-:;]*$/,'...'));
});
//]]>
</script>
3. Ganti angka yang berwarna merah (50) dengan jumlah karakter yang sekiranya sesuai dengan ukuran gambar.
4. Save Template!