Menambah Snippet di Auto Readmore | Kali ini saya akan berbagi trik yaitu bagimana cara menambah jumlah karakter huruf atau mengubah manjang-mendek mingkasan (Snippet/Summary) mosting di momepage blog yang menggunakan auto readmore.
Idealnya jumlah sebuah ringkasan, summary, snippet, atau alinea pertama tulisan pada postingan adalah berjumlah sekitar 160 karakter atau huruf atau sekitar 25 kata, sama dengan jumlah ideal isi SMS agar efisien dan juga terlihat rapi.
Kadang jumlah karakter dari beberapa template terlalu sedikit sehingga kurang enak dipandang. Dan kadang kita bingung bagaimana cara menambahkan karakter huruf dari snippet tersebut karena ini menggunakan auto readmore.
Jumlah karakter di auto readmore tanpa javascript rata-rata lebih sedikit lagi, yaitu sekitar 100 karakter. Ada juga yang diset menjadi 140 karakter, sama dengan popular post dan twitter seperti yang sodara lihat pada gambar diatas. Jumlah karakternya sedikit sehingga kelihatan kurang proporsional.
Cara Menambah Jumlah Ringkasan Atau Karakter Huruf (Snippet) di Auto Readmore
Nah jika template blog sodara menggunakan kode <data:post.snippet/> dan ingin menambah atau mengurangi jumlah karakter di ringkasan/summary posting di halaman depan, maka gunakan tips berikut ini:
1. Template > Edit HTML
2. Copas kode berikut ini di atas kode </head>
<script type='text/javascript'>
snippet_count = 160;
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var snippet = strx.split("<");
for(var i=0;i<snippet.length;i++){
if(snippet[i].indexOf(">")!=-1){
snippet[i] = snippet[i].substring(snippet[i].indexOf(">")+1,snippet[i].length);
}
}
strx = snippet.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSnippet(pID){
var div = document.getElementById(pID);
var summ = snippet_count;
var summary = '<div class="snippets">' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
Keterangan : Angka 160 bisa diubah menjadi 140, 180, 200, dan seterusnya tergantung keinginan sodara-sodara semua.
3. Replace atau GANTI semua kode
<data:post.snippet/> dengan kode berikut ini:
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSnippet("summary<data:post.id/>");</script>
Catatan :
Jika tidak ketemu kode
<data:post.snippet/>, maka silahkan cari dan ganti kode berikut ini :
<div class='post-snippet' expr:data-snippet='data:post.snippet'/>
atau
<meta expr:content='data:post.snippet' name='description'/>
4. Yang terakhir jangan lupa Save Template!
sumber script : http://www.contohblog.com/2015/04/cara-menambah-jumlah-ringkasan-snippet.html
Demikian mengenai bagaimana cara merubah atau menambah karakter huruf pada auto readmore. Semoga bermanfaat buat sodara yang masih bingung. Semoga bermanfaat dan happy blogging.....
36 Comments
Nanti kalau saya pengen modifikasi template lagi saya gunakan trik ini Kang. Oh iya kang kemaren saya dapet inspirasi tulisan dari komentar Kang Muroi di blog saya. Kemudian saya buat artikel. Maaf belum izin. Hehehehe... Makasih kang...
ReplyDeletesilakan mas....
Deleteoke sip trimakasih jika komentar saya bisa memberikan inspirasi...
sepakat dengan kang diatas saya deh :)
DeleteTipsmu sangat pintar
ReplyDeleteMenambah karakter
Apa kabar
Semoga selalu seger
Nah ini kendalanya, di templateku tidak ada kode , sehingga terpaksa aku cuma dan hanya bisa menyimak saja.
ReplyDeleteoke mas, ngga apa apa nyimak saja :)
DeleteIni umumnya template pihak ketiga ya ?
Deletewah asli saya baru tau nie kang, ternyata ada caranya yah untuk mengatur jumlah karakter huruf di auto redmore yang tampil di homepage, terimakasih kang atas sharingnya :)
ReplyDeletesama sama kang, semoga bermanfaat dan bisa mencoba lain kali..
Deletekang marnes ....lebay :)
Deletewah ini dia yang aku cari :)
ReplyDeleteKalau dah ketemu mau ngapain ..?
Deleteya boleh coba mas, kalo mau oprek template lagi..tapi sesuai selera masing-masing sih
DeleteTrik yang mantap mas, saya juga pernah nyoba cara ini :)
ReplyDeleteNyobanya berapa kali mas....
Deletekalo udah mastah sekali coba juga berhasil mas :)
DeleteGak takut salah mas mengedit fitur readmore dari template bawaan,..? memang sih kalau karakter yg tampil pada home terlalu singkat kelihatan kurang menarik dan perlu sedikit editan pada kode sippet atau menambah jumlah angka misalnya 150 menjadi 200 biasanya jumlah angka tersebut ada pada kode script readmore..... Pokmen artikelnya....maknyos
ReplyDeletesalah sudah biasa mas, tapi kita tidak akan bisa jika belum pernah mencobanya, semakin kita sering oprak aprek template semakin lihai :)
DeleteOoh begitu toh mas saya kira begini....
DeleteKebetulan di template saya sudah sesuai karakternya mas. Lebih singkat lebih baik ya. jangan terlalu panjang. supaya homepagenya tidak terlalu panjang kebawah :D
ReplyDeleteya mas, tergantung selera sih sebenarnya
DeleteSaya seperti kok tertarik sama blog keren ini follow ah... biar adminya seneng....
ReplyDeletetengkyu mas sudah follow blog saya, tak folback yo
DeleteMas cara ngilangin thumbnail di hompage biar kaya template agan gimana
ReplyDeletetiap template punya struktur yang berbeda gan dan beberapa cara bisa dicoba jika salah satunya gagal. cara yang sederhana agan bisa cari kode img atau yang sejenisnya lalu tempatkan kode berikut setelahnya :
Deletevisibility: hidden; display: none
bisa juga cari di readmore, temukan kode img atau thumbnail atau sejenisnya, dan coba-coba sisipkan kode diatas setelahnya
DeleteSaya pake template mas sugeng yang kaya ente pakai jadi gimana ngilanginnya?
ReplyDeletecoba cari kode :
Delete.img-thumbnail img {
width: 130px;
height: 130px; [sisipkan kode disini]
}
kode html yang harus disisipkan :
visibility: hidden; display: none;
mas saya pernah coba kotak - katik template hasilnya malah amburadul, mungkin kurang fresh ini pikiran,hehehe
ReplyDeletesaya bookmark dulu ya mas untuk menambah jumah karakter auto readmore ini..
terimakasih banyak kang,
cara merubah nya dengan edit html ya mas, saya ga berani mas kalo maslah ginian, soalnya sudah pernah nyoba dulu di template dulu saya, kebetulan saya cari di google caranya, pas ke tkp hasilnya snya semua berantakan, tapi saya coba dulu ah sama blog percobaan ini :)
ReplyDeleteboleh mas, silakan mencoba..dan jangan takut gagal :)
Deletemasih menggunakan javascript ya, tapi inilah sebuah solusi untuk menambah atau memperpanjang sumari diauto read more....makasih pencerahannya.
ReplyDeleteklo terlalu sedikit karakter yg muncul kadang memang kurang menarik,
ReplyDeleteklo dibanyakin dikit bisa menarik pengunjung membaca secara keseluruhan
suwun triknya
kadang memang kita merasakan bahwa jumlah karakter di snippetkurang, maka butuh tambahan kata, kaya gituh cara bikinnya ya kang
ReplyDeletemakasih gan info nya, muter2 akhir nemu yang cocok disini dan berhasil di terapkan di template evo magz
ReplyDeleteError kang, jadinya : Normal 0 false false false IN X-NONE X-NONE ...
ReplyDelete