Cara Memotong Snipet (Ringkasan) Widget Popular Post Blog

06.58
Widget Popular Post Blog
Cara Memotong Snipet (Ringkasan) Widget Popular Post Blog.

MEMOTONG atau mengatur ringkasan widget popular posts di sidebar blog, berupa gambar plus summary bertujuan merapikan tampilan. Semula tampilan popular post snippet plus thumbnail image tidak rapi, tidak seimbang antara ukuran foto dan teks.

Setelah dipotong atau diatur, maka tampilan popular posts akan lebih rapi dan menarik, enak dipandang, ramah pengguna (user friendly).

Cara mengatur jumlah huruf dalam tampilan ringkasan popular post sangat mudah, yaitu cukup dengan memasukkan kode.

Cara Memotong Snipet (Ringkasan) Widget Popular Post Blog

1. Template > Edit HTM
2. Copas kode berikut ini di 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>
 
Angka 70 untuk mengatur ringkasan post, silahkan sesuaikan dengan ukuran gambar sehingga tampilan popular post blog Anda lebih rapi. (http://baticblog.blogspot.com/).*

Share this :

Previous
Next Post »
0 Komentar

Penulisan markup di komentar
  • Silakan tinggalkan komentar sesuai topik. Komentar yang menyertakan link aktif, iklan, atau sejenisnya akan dihapus.
  • Untuk menyisipkan kode gunakan <i rel="code"> kode yang akan disisipkan </i>
  • Untuk menyisipkan kode panjang gunakan <i rel="pre"> kode yang akan disisipkan </i>
  • Untuk menyisipkan quote gunakan <i rel="quote"> catatan anda </i>
  • Untuk menyisipkan gambar gunakan <i rel="image"> URL gambar </i>
  • Untuk menyisipkan video gunakan [iframe] URL embed video [/iframe]
  • Kemudian parse kode tersebut pada kotak di bawah ini
  • © 2015 Simple SEO ✔