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='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSnippet(&quot;summary<data:post.id/>&quot;);</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.....