Menampilkan Snippet Post Yang Menghilang Pada Template Blogger

Menampilkan Snippet Post Yang Menghilang Pada Template Blogger - Entah kenapa snippet post pada halaman index post tiba-tiba menghilang tanpa ada pemberitahuan resmi dari pihak developer Blogger. Lantas ini membuat binggung. Kok tiba-tiba snippet post atau deskripsi singkat artikel pada halaman index menghilang? Kemudian aku pribadi tidak ambil pusing. Saya mencoba menggunakan tehnik yang sama dengan halaman lain pada template Blogger saya. Tapi yang gila kok cuman hilang di halaman index saja, sementara snippet post pada widget menyerupai popular post dan widget lainya masih berfungsi. 😂

Jawabanya: Mungkin developer Blogger sedang melaksanakan perubahan pada struktur Blogger.

Tetapi Anda tidak usah kawatir alasannya ini mampu diatasi. Sebelum mengikuti tutorial ini silahkan Anda backup terlebih dahulu template blogger Anda, caranya silahkan baca di: Cara Backup Template Blogger Atau Blogspot.

Berikut di bawah ini cara menampilkan kembali snippet post pada halaman index:

Masuk ke Dashboard blogger.
Pilih menu "Template"
kemudian klik "Edit HTML".
Cari instruksi di bawah ini:

<data:post.snippet/>

Kemudian ganti dengan instruksi di bawah ini.

<data:post.body/>

Catatan: Jika instruksi tersebut lebih dari satu silahkan Anda coba ganti yang pertama waktu mencari. Kode tersebut biasanya terletak di bawah instruksi ini: <b:includable id='post' var='post'> dan di antara instruksi ini: itemprop='description'

Klik "Simpan"

Dan coba reload blog Anda. Sebenarnya hingga disini sudah mampu berfungsi kembali. Namun alasannya instruksi yang berbeda beda pada setiap template aku sarankan menggunakan cara di bawah ini:

Cari instruksi yang menyerupai mirip di bawah ini:

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

Atau menyerupai di bawah ini:

<div expr:id='&quot;summary&quot; + data:post.id'> <data:post.snippet/>  </div>

Atau menyerupai di bawah ini:

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description'> <data:post.snippet/>  </div>

Catatan: Cari yang menyerupai mirip ke tiga instruksi di atas. Kode ini memang bermacam-macam, tergantung dari template yang Anda gunakan.

Kemudian ganti instruksi di bawah ini:

<data:post.snippet/>

Dengan instruksi di bawah ini:

<div class='post-snippet' itemprop='description'> <data:post.body/> </div> <script> //<![CDATA[ //Snippet $('.post-snippet').each(function(){var txt=$(this).text().substr(0,100);var j=txt.lastIndexOf(' ');if(j>42)$(this).text(txt.substr(0,j).replace(/[?,!\.-:;]*$/,'...'));}); //]]> </script>

Klik "Simpan"

Catatan: Untuk merubah jumlah kata-kata yang tampil silahkan ganti nilai 0,100 sesuai harapan Anda.

Jika masih belum mampu lagi, coba tambahkan instruksi di bawah ini sempurna di atas instruksi </head>

<script type='text/javascript'> var sumarry_mode = &quot;float&quot; ; summary_x = 150; summary_y = 150; </script> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(e,n){if(-1!=e.indexOf("<")){for(var t=e.split("<"),i=0;i<t.length;i++)-1!=t[i].indexOf(">")&&(t[i]=t[i].substring(t[i].indexOf(">")+1,t[i].length));e=t.join("")}for(n=n<e.length-1?n:e.length-2;" "!=e.charAt(n-1)&&-1!=e.indexOf(" ",n);)n++;return e=e.substring(0,n-1),e+" [...]"}function datasnipet(e){var n=document.getElementById(e),t="",i=n.getElementsByTagName("img"),m=summary_x;i.length>=1&&(m=summary_y);var r=t+"<div>"+removeHtmlTag(n.innerHTML,m)+"</div>";n.innerHTML=r} //]]> </script>

Kemudian cari instruksi ini <data:post.snippet/> menyerupai cara di atas dan ganti dengan instruksi di bawah ini:

<div class='post-snippet'> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div> <script type='text/javascript'>datasnipet(&quot;summary<data:post.id/>&quot;);</script> </div>

Klik "Simpan"

Catatan: Untuk merubah jumlah kata-kata yang tampil silahkan ganti nilai summary_x = 150 dan summary_y = 150 sesuai harapan Anda.

Selesai, dan coba reload ulang blog Anda. Semoga berhasil ya. 😊

Saya sarankan Anda untuk mengikuti tutorial ini, alasannya ternyata kejadian ini terjadi 2x.

Sekian mengenai artikel Menampilkan Snippet Post Yang Menghilang Pada Template Blogger. Semoga artikel ini bermanfaat untuk kita semua. 🙂

Jika ada yang ingin ditanyakan silahkan komentar. Jika Anda suka artikel ini silahkan share! Terimakasih.