Memotong Snippet Popular Post di Blogger
0 views
Memotong Snippet / Cuplikan Postingan Popular Post di Blogger. Popular Post atau entri populer pada Blogspot banyak pilihan pada penggunaannya. Baik hanya menampilkan judul saja, judul dan thumbnail gambar, atau disertai dengan snippet (cuplikan). Bahkan kita bisa menampilkan entri pupuler dengan jarak waktu, baik 1 minggu, 1 bulan, atau selamanya.
Apabila kita menampilkan judul, thumbnail dan snippet, terkadang snippet (cuplikan) terlalu panjang sehingga melebihi thumbnail gambar. Saat ini saya akan berbagi cara mengatur, atau memotong snippet pada entri populer (popular posts).


2. Simpan
Sekarang Masuk ke Edit HTML pada Template
1. Tambahkan kode ini sebelum
3. Simpan
Gampang bukan cara memotong cuplikan / snippet pada popular post?
Apabila kita menampilkan judul, thumbnail dan snippet, terkadang snippet (cuplikan) terlalu panjang sehingga melebihi thumbnail gambar. Saat ini saya akan berbagi cara mengatur, atau memotong snippet pada entri populer (popular posts).

Cara Memotong Snippet pada Polular Posts
1. Tambahkan Widget Entri Populer dan tandai thumbnail gambar dan cuplikan.
2. Simpan
Sekarang Masuk ke Edit HTML pada Template
1. Tambahkan kode ini sebelum
</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>
2. Ganti tulisan yang merah (50) dengan jumlah karakter yang dikehendaki3. Simpan
Gampang bukan cara memotong cuplikan / snippet pada popular post?
46 komentar
2. Tinggalkan komentar sesuai topik tulisan
3. Apabila ada pertanyaan diluar artikel silahkan kunjungi Ruang Obrolan.
4. Centang Beri tahu saya untuk mendapatkan notifikasi via Email ketika ada balasan
5. Untuk menghapus komentar, geser kursor ke sebelah kanan komentar Anda.
image quote pre code
makasih banyak..
Menarik nihbuat di pelajari Hatur nuhun Kang Ismet
- salam damai -
trimakasih kang salam blogger!
sblumnya saya mnmukan artikel yg sama percis disini http://czx-riko.blogspot.com/2012/08/memotong-snippet-popular-post-di-blogger.html
plagiat itu, udah copas tulisan org kaga d taruh link sumber artikel..
masi mending kodenya yg d copas, ini dari basa basi sampe gambar sama percis gada yg dirubah..
wkwkwk :D
kalau saya pakai CSS aja.. :D
text-overflow: ellipsis;
;)
maksih kang udah share. namabah lagi ilmu saya :-)
.PopularPosts img {
height: 36px;
width: 36px;
}
.PopularPosts .widget-content ul li {
list-style: none;
}
kayak blog sy hihi..
dapet ajah code nya kang Ismet..
salut deh
wehehe bawah ane mungkin tertarik nih, soalnya rata2 blogger ga mau snippet nya kepanjangan al hasil snippetnya ga ditampilin (hanya judul nya ajah)
nah kalo ada ini kemungkinan besar para blogger akan menampilkan cuplikannya..
hehe.. salam persahabatan kang.