Cara Mudah Potong Snippet Popular Post di Blogger

Cara mudah potong snippet popular post di blogger - Setelah sebelumnya membagikan 10 template blogspot gratis, sekarang Xceria akan membagikan tips seputar tutorial blogspot. Kali ini mengenai widget popular post, yaitu cara memotong snippet atau menyingkat cuplikan paragraf pada widget popular post.

Jika kita menambahkan widget popular post, pada kondisi default, deskripsi atau snippet yang ditampilkan mungkin terlalu panjang. Apalagi jika ukuran sidebar blog Anda (atau tempat di mana Anda meletakkan widget popular post) terlalu kecil. Jika seperti itu, widget popular post Anda mungkin akan terlihat kurang rapi dan banyak memakan tempat. Apalagi jika Anda ingin menampilkan banyak posting pada widget popular posts.

Pada pengaturan widget popular post, Anda dapat mengatur apakah akan menampilkan snippet atau tidak. Tapi bloger tidak memberikan pengaturan untuk mengatur atau menentukan jumlah karakter pada snippet tersebut.

Cara Memotong Cuplikan Deskripsi Popular Post di Blogger

Untuk dapat memotong cuplikan atau snippet digunakan JavaScript. Dengan script ini Anda dapat menentukan jumlah karakter pada snippet atau deskripsi popular post di blog Anda.

Menambahkan Widget Popular Post

1. Log in ke akun blogger.
2. Pilih tab Layout (Tata Letak).
3. Klik Add a Gadget (Tambahkan Gadget).
4. Pilih Popular Posts.

Menambahkan Java Script untuk Memotong Snippet

1. Pilih Template » Edit HTML.
2. Cari kode </body>, letakkan kode berikut di atasnya.
3. 
   
   <script type='text/javascript'>
   //<![CDATA[
   $('.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>
   
   
4. Simpan template.

Ubah angka 70 sesuai keinginan dan lihat hasilnya pada blog Anda.

Pada widget popular post, tampilkan snippet (cuplikan).

Sekian posting kali ini mengenai cara memotong snippet popular post di blogger. Semoga membantu.

Tweet

Subscribe to receive free email updates: