Memotong Post Snippet Auto Readmore Blog - Bahasan kali ini bukan membahas tentang auto readmore menggunakan snippet tapi lebih pada jumlah karakter dari artikel yang terbentuk. Biasanya jumlah karakter pada sebuah auto readmore yang menggunakan post snippet berjumlah 140 karakter. Berbeda dengan auto readmore yang menggunakan javascript, kita dengan mudah menambahkan dan mengurangi jumlah karakter tersebut dan karena auto readmore menggunakan post snippet, maka jumalah 140 karakter tersebut secara langsung tidak bisa di ganti karena ia sudah otomatis terbentuk. Pertanyaannya, bisakah 140 karakter tersebut di kurangi?(kalau ditambahi seperti tidak bisa) Untuk itulah, artikel memotong post snippet auto readmore blog ini saya buat :)
Artikel ini merupakan artikel khusus yang beberapa hari yang lalu saya telusuri di search engine dan tidak ditemukan, malahan saya menemukan artikel sejenis namun beda target yaitu artikel blog miliknya Kang Ismet yang terbit tahun 2012 lalu - Memotong Snippet Popular Post di Blogger - bedanya adalah jika di blognya KI memotong snippet popular post dan di blog ini memotong post snippet auto readmore. Pertanyaan keduanya adalah kenapa harus memotong post snippet auto readmore blog? Bukankah karakter yang ditampilkan sudah sangat minimal? Betul, tapi tidak dengan blog saya ini...
Blog ini memang menggunakan auto readmore dengan snippet post tapi karena kemarin tepatnya 2 hari yang lalu (15-01-14) saya melakukan pengeditan terhadap template blog ini untuk diganti dengan yang baru dan karena tampilan lebarnya lebih mini dari template sebelumnya, ternyata auto readmore di halaman depan tidak sesuai harapan, yaitu ringkasan artikelnya terlalu banyak dan tampilannya seperti gambar berikut ini
Dan setelah memotong post snippet auto readmore tersebut, maka hasilnya seperti tampilan gambar berikut ini, atau bisa Anda lihat di halaman depan blog ini
Berikut Cara Memotong Post Snippet Auto Readmore Blog
Javascript
Artikel ini merupakan artikel khusus yang beberapa hari yang lalu saya telusuri di search engine dan tidak ditemukan, malahan saya menemukan artikel sejenis namun beda target yaitu artikel blog miliknya Kang Ismet yang terbit tahun 2012 lalu - Memotong Snippet Popular Post di Blogger - bedanya adalah jika di blognya KI memotong snippet popular post dan di blog ini memotong post snippet auto readmore. Pertanyaan keduanya adalah kenapa harus memotong post snippet auto readmore blog? Bukankah karakter yang ditampilkan sudah sangat minimal? Betul, tapi tidak dengan blog saya ini...
Blog ini memang menggunakan auto readmore dengan snippet post tapi karena kemarin tepatnya 2 hari yang lalu (15-01-14) saya melakukan pengeditan terhadap template blog ini untuk diganti dengan yang baru dan karena tampilan lebarnya lebih mini dari template sebelumnya, ternyata auto readmore di halaman depan tidak sesuai harapan, yaitu ringkasan artikelnya terlalu banyak dan tampilannya seperti gambar berikut ini
Dan setelah memotong post snippet auto readmore tersebut, maka hasilnya seperti tampilan gambar berikut ini, atau bisa Anda lihat di halaman depan blog ini
Berikut Cara Memotong Post Snippet Auto Readmore Blog
- Cari kode </body> didalam template blog dan salin kode berikut diatas kode </body>
- Untuk mengatur jumlah karakter, ganti 50 menjadi lebih kecil atau tidak lebih besar dari 140
- Kalau sudah, Simpan dan lihat hasilnya
<script type='text/javascript'>
//<![CDATA[
$('.post .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>
pertamax mbak, :)
BalasHapusboleh langsung di coba nih mbak
boleh mas, silahkan :)
HapusMakasih mbakk,, ini yang saya cari untuk mengurrangi teks pada artikel blog
BalasHapussemoga bermanfaat mas.... :)
Hapusini seperti mengurangi angka summary nya.
BalasHapusiya betul mas tapi tidak seperti dalam auto readmore yang menggunakan javascript
HapusSaya udah coba, tapi ga bisa.. gimana cara nambah khusus readmore aj dibgaian kiri bawah posting, karena di template saya ga ada readmorenya.. tx :)
BalasHapuskalau tidak ada readmore snippetnya tidak bisa :)
Hapusuntuk pemasangan auto readmore dengan snippet belum saya buatkan panduannya mas, dan untuk selanjutnya silahkan googling, maaf ya :)
setelah saya intip kode templatenya, blognya mas hari menggunakan auto readmore javascript. untuk memasang Readmore, silahkan cari kode berikut ini:
BalasHapus<b:if cond='data: blog.pageType != "item"'>
<div expr:id='"summary" + data: post.id'><data: post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data: post.id/>");</script>
</b:if>
<b:if cond='data: blog.pageType == "item"'><data: post.body/></b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
lalu jadikan seperti ini
<b:if cond='data: blog.pageType != "item"'>
<div expr:id='"summary" + data: post.id'><data: post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data: post.id/>");</script>
<span class='rmlink' style='float:left'> <a expr:href='data: post.url'>Read more...</a></span>
</b:if>
<b:if cond='data: blog.pageType == "item"'><data: post.body/></b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Saya udah cari kode tersebut yang sama persis ga ketemu mba, masih bingung, dimana mau ditambahin :D
Hapusmbak, it doesn't work. tetep panjang juga snippetnya. mala gak sama lagi. padhl sama2 ada gambar. mohon pencerahan.
BalasHapusblog saya ini masih menggunakan script tersebut mas dan masih bekerja dengan baik..
Hapussaya lihat di templatenya mas Nasution belum terpasang script jQuery,,,
ganti di code cssnya mas, coba cari kode .mas-elemen dan atur ulang untuk margin dan padding
BalasHapusTerimakasih Gan...sudah berbagi, tp masih bingung nih....
BalasHapus