Cara Memotong Snippet Popular Posts di Blogger - Deny Listianto

9 Juni 2018

Cara Memotong Snippet Popular Posts di Blogger

Snippet Popular Posts di Blogger

Cara Memotong Snippet Popular Posts di Blogger - Popular post adalah salah satu widget yang menampilkan beberapa postingan atau artikel yang sering dilihat atau dibaca pengunjung blog.

Dengan memasang widat Popular Post, pembaca mendapatkan lebih banyak pilihan untuk menjelajahi halaman blog kita. Yang pada akhirnya akan berdampak positif dan menambah pageview blog kita.

Widget Popular Posts dapat diatur berdasarkan 7 hari terakhir, 30 hari terakhir, dan juga setiap saat. Ada pilihan di saat kita memasang widget Popular Posts dengan menampilkan gambar / thumbnail atau tidak, dan dengan menampilkan Snippet / Cuplikan atau tidak.

Namun, Snippet / Suplikan pada widget Popular Posts kadang menjadi kurang rapi ketika dipasang di sidebar blog. Kita bisa mengatasinya dengan cara tidak menampilkan Sippet / Cuplikan pada widget agar terlihat lebih rapi.

Widget Popular Posts

Ada juga cara selain tidak menampilkan Snippet / Cuplikan yaitu dengan cara di bawah ini:

Cara Merapikan Snippet Popular Posts di Blogger


1. Login ke Blogger, Buka menu Tema kemudian Edit HTML.
2. Salin kode jQuery dibawah ini lalu letakan di atas kode </body>.

<script type='text/javascript'>
//<![CDATA[
$('.popular-posts ul li .item-snippet').each(function(){
var txt=$(this).text().substr(0,42);
var j=txt.lastIndexOf(' ');
if(j>42)
$(this).text(txt.substr(0,j).replace(/[?,!\.-:;]*$/,'...'));
});
//]]>
</script>

3. Ganti kode yang saya tandai dengan jumlah maksimal huruf yang akan ditampilkan.
4. Simpan Tema dan Lihat Hasilnya.

Demikian tips sederhana Cara Memotong Snippet Popular Posts di Blogger, semoga bermanfaat.
Disqus Codes
  • To write a bold letter please use <strong></strong> or <b></b>
  • To write a italic letter please use <em></em> or <i></i>
  • To write a underline letter please use <u></u>
  • To write a strikethrought letter please use <strike></strike>
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>
    And use parse tool below to easy get the style.
Show Parser Box

strong em u strike
pre code pre code spoiler
embed

Notifications

Disqus Logo