Cara Memotong Snippet Popular Posts di Blogger

Cara Memotong Snippet Popular Posts di Blogger

Cara Memotong Snippet Popular Posts di Blogger

Widget yang satu ini memberikan informasi kepada pembaca postingan atau artikel apa saja yang sering dilihat di blog yang bisa diatur berdasarkan 7 hari terakhir, 30 hari terakhir, atau setiap saat. Dengan begitu, pembaca mendapatkan lebih banyak pilihan untuk menjelajahi halaman blog kita. Yang pada akhirnya akan berdampak positif dan menambah pageview blog kita.


Kombinasi tata letak antara judul post, thumbnail dan snippet / cuplikan pada widget Popular Posts kadang menjadi kurang rapi ketika dipasang di sidebar blog. Untuk itu kita berusaha untuk menguranginya. Berikut caranya.

Memotong Snippet Popular Posts di Blogger

1. Login ke Blogger > Pilih Template kemudian Edit HTML > Simpan kode di bawah ini tepat 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>
2. Langkah berikutnya, ganti kode yang ditandai dengan jumlah huruf yang akan ditampilkan.

3. Klik simpan template.

source : http://www.arlinadzgn.com/2016/04/memotong-snippet-popular-posts-di-blogger.html

Beli pulsa, paket data, voucher Pln, Bayar tagihan sekarang lebih mudah dan nyaman, mau? Klik Disini!

Share this:

Share this with short URL: Get Short URL loading short url

You Might Also Like:

Blogger
Disqus
Pilih Sistem Komentar Yang Disukai

0 Comment

Add Comment

Berkomentarlah dengan baik, Kepribadian anda tercemin saat berkomentar.

Gunakan konversi tool jika ingin menyertakan kode atau gambar.


image
How to style text in Disqus comments
  • 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

How to get ID DISQUS - http://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like CIDOSHARE? Keep us running by whitelisting CIDOSHARE in your ad blocker.

This is how to whitelisting CIDOSHARE in your ad blocker.

Thank you!

×
×
×