Mengatasi Ringkasan Auto Readmore yang Tidak Muncul

Mengatasi Ringkasan Auto Readmore yang Tidak Muncul di Halaman Depan Blog.

BARUSAN, sebelum menulis posting ini, CB lagu desain template baru. Tiba-tiba ringkasan posting halaman depan (auto readmore) tidak muncul. CB cek blog lain, ada yang masih muncul, ada yang tidak muncul alias hilang.

Eh... blog CB ini juga mengalami nasib yang sama! 

Ringkasan Auto Readmore Tidak Muncul.*

Ringkasan Auto Readmore Muncul Normal.*

Ternyata, blog lain, misalnya blog Masyadi dan blog Kang Mousir, juga mengalami nasib yang sama, yaitu  ringkasannya kosong alias tidak muncul, hanya judul doang, seperti dalam screenshot berikut ini.

Apa pasal? Ternyata, masalahnya adalah kode snippet bawaan blogger yang entah sedang error atau memang sudah tidak berfungsi mulai hari ini, Kamis (16/2/2017), yaitu kode <data:post.snippet/> 

Jadi, semua blog yang menggunakan Auto Readmore tanpa JavaScript akan mengalami hal yang sama, setidaknya saat CB cek sebelum menulis posting ini.

Berikut ini solusinya setelah CB melakukan trial and error, yaitu dengan menggunakan metode Membatasi Jumlah Ringkasan Posting Halaman Depan Blog.

Mengatasi Ringkasan Auto Readmore yang Tidak Muncul

Cara mengatasi Ringkasan Auto Readmore yang Tidak Muncul, sekaligus membatasi jumlah ringkasan (snippet/summary) di halaman depan blog (auto readmore), lakukan langkah ini:

1. Klik Template > Edit HTML

2. Copas kode berikut ini di atas kode </head> 

<script type='text/javascript'>
snippet_count = 140;
//<![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>

3. Cari (Ctrl+F) dan Ganti SEMUA kode <data:post.snippet/> dengan kode 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 kode <data:post.snippet/> tidak ditemukan, seperti di template New Johny Wuss dan CB Simple Magz, maka kodenya yang harus diganti seperti ini:

<div class='post-snippet' expr:data-snippet='data:post.snippet'/>

Hapus kode tersebut dan ganti dengan kode ini:

<div class='post-snippet'>
<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>
</div>

4. Atur jumlah ringkasan di kode snippet_count = 140; 

Untuk template New Johny Wuss, CB Simple Magz, dan sejenisnya (dua kolom auto readmore halaman depan) jumlah karakternya 70 atau 100 saja, sesuaikan dengan tampilan dan gambar thumbnail.

Demikian Mengatasi Ringkasan Auto Readmore yang Tidak Muncul. Good Luck & Happy Blogging! (www.contohblog.com).*