Cara Menambah Mengurangi Jumlah Ringkasan Auto Readmore

Cara Menambah Jumlah Karakter Huruf (Snippet) di Auto Readmore Halaman Depan Blog.

Menambah atau mengurangi jumlah kata atau jumlah huruf ringkasan diperlukan jika kita membuat image-thumbnail yang besar, sedangkan defaultnya 72 pixel, dan kita gunakan kode autoreadmore tanpa javascript.

Menambah Snippet di Auto Readmore yaitu menambah jumlah karakter huruf atau mengubah panjang-pendek ringkasan (snippet/summary) posting di homepage.

Menambah jumlah ringkasan ini juga diperlukan untuk menjadikan tampilan halaman depan rapi, tidak banyak ruang kosong.

Cara Menambah Jumlah Ringkasan Atau Karakter Huruf (Snippet) di Auto Readmore

Kode auto readmore di halaman depan blog adalah <data:post.snippet/>. Jika ingin menambah atau mengurangi jumlah karakter di ringkasan/summary posting di halaman depan itu, maka kode itulah yang dimodifikasi alias dimanipulasi atau direkayasa.

Ini caranya:

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 yang kita ubah, lebih kecil untuk mengurangi dan lebih besar untuk menambah

3. 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>

4.  Save Template!

Demikian mengenai bagaimana cara merubah atau menambah karakter huruf pada auto readmore.

Sumber

Share This