Cara Mengatur Ringkasan Posting Blog Halaman Depan

CB Blogger | September 5, 2021

Cara Mengatur Panjang-Pendek Snippet Posting Homepage

Tips blogging kali ini tentang Cara Mengatur Ringkasan Posting Blog Halaman Depan. Dikenal sebagai Summary, Snipet, atau Auto Readmore.

Snippet, summary, atau kutipan tulisan di  halaman depan blog yang menggunakan jump break otomatis (auto read more) secara default menampilkan 140 karakter atau sama dengan snippet popular post.

Kodenya di dalam template umumnya berupa <data:post.snippet/> menampilkan 140 karakter seperti popular posts.

Cara Mengatur Ringkasan Posting Blog Halaman Depan

Jika ingin mengaturnya lagi menjadi lebih panjang atau lebih pendek, berikut ini kodenya untuk mengganti kode di atas:
  • <b:eval expr='snippet(data:post.snippet, {length: 100})'/> = meringkasnya menjadi 100 karakter
  • <data:post.snippets.short/> = maksimal 100 karakter
  • <b:eval expr='snippet(data:post.snippets.short, {length: 100})'/> : 100
  • <b:eval expr='snippet(data:post.snippet, {length: 100})'/> : 100
Sebaliknya, jika ingin menampilkan ringasan panjang, ini kodenya:
  • <data:post.longSnippet/> = panjang, maksimal 1000 karakter
  • <data:post.longSnippet/> : 1000
  • <b:eval expr='snippet(data:post.longSnippet, {length: 900})'/> : 900
  • <b:eval expr='data:post.body snippet {length: 300,links: true,linebreaks: true, ellipsis: true }'/> 

Cara Lain Mengatur Panjang-Pendek Snippet Posting Homepage


Cari kode di bawah ini.

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

Atau ini.

<data:post.snippet/>

Ganti dengan kode di bawah ini.

<div class='post_summary' itemprop='articleBody'><data:post.body/></div>

Tambahkan kode berikut ini di bawahnya:

<script>
//<![CDATA[
$('.post_summary').each(function(){var txt=$(this).text().substr(0,140);var j=txt.lastIndexOf(' ');if(j>42)$(this).text(txt.substr(0,j).replace(/[?,!\.-:;]*$/,'...'));});
//]]>
</script>

Save!

CARA LAIN LAGI:

Tambahkan kode 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>

Catatan:
Anda bisa mengganti kode 140 untuk mengatur jumlah karakter yang ingin di tampilkan pada snippet atau ringkasan deskripsi artikel, misalnya menjadi 120 atau 160.

Cari kode ini:

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

atau

<data:post.snippet/>

Ganti 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>

Save!

Simpan Tema.

Demikian Cara Mengatur Ringkasan Posting Blog Halaman Depan.


Previous
« Prev Post

Related Posts

Show comments
Hide comments

0 komentar on Cara Mengatur Ringkasan Posting Blog Halaman Depan

Post a Comment

 
Copyright © Tes Template. All rights reserved.
SEO Maxima Blogger Template by CB Blogger