FdFearless

FdFearless

Menampilkan Snippet Post Yang Menghilang Pada Template Blogger

Menampilkan Snippet Post Yang Menghilang Pada Template Blogger

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 saya langsung tidak ambil pusing. Saya mencoba menggunakan tehnik yang sama dengan halaman lain pada template Blogger saya. Tapi yang aneh kok cuman hilang di halaman index saja, sementara snippet post pada widget seperti popular post dan widget lainya masih berfungsi. 😂

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

Tetapi Anda tidak usah kawatir karena ini bisa 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 kode di bawah ini:
<data:post.snippet/>
Kemudian ganti dengan kode di bawah ini.
<data:post.body/>
Catatan: Jika kode tersebut lebih dari satu silahkan Anda coba ganti yang pertama waktu mencari. Kode tersebut biasanya terletak di bawah kode ini: <b:includable id='post' var='post'> dan di antara kode ini: itemprop='description'
Klik "Simpan"

Dan coba reload blog Anda. Sebenarnya sampai disini sudah bisa berfungsi kembali. Namun karena kode yang berbeda beda pada setiap template saya sarankan menggunakan cara di bawah ini:

Cari kode yang mirip seperti di bawah ini:
<div class='post-snippet' expr:data-snippet='data:post.snippet'/>
Atau seperti di bawah ini:
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.snippet/> 
</div>
Atau seperti 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 mirip seperti ke tiga kode di atas. Kode ini memang bermacam-macam, tergantung dari template yang Anda gunakan.
Kemudian ganti kode di bawah ini:
<data:post.snippet/>
Dengan kode 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 keinginan Anda.

Jika masih belum bisa lagi, coba tambahkan kode di bawah ini tepat di atas kode </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 kode ini <data:post.snippet/> seperti cara di atas dan ganti dengan kode 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 keinginan Anda.
Selesai, dan coba reload ulang blog Anda. Semoga berhasil ya. 😊
Saya sarankan Anda untuk mengikuti tutorial ini, karena 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.

Bagikan ini:

FDFRS

FDFRS

UI/UX Developer and Design

Related Post: