Nama Produk :
Cara Mengatur Jumlah Ringkasan (Snippet) Halaman Depan Blog
Deskripsi Singkat :
Pengiriman :
JNE Reguler, J&T Express, WAHANA, POS Ind., TIKI
Deskripsi Produk:
Cara Mengatur Jumlah Ringkasan (Snippet) Halaman Depan Blog
CONTOH BLOG February 2, 2019
Tips berikut ini berisi panduan cara mengatur panjang-pendek snippet (ringkasan, summary) posting halaman depan (homepage) yang menggunakan
Auto Readmore.
JUMLAH ringkasan, summary, snippet, atau alinea pertama tulisan (posting) yang ideal berjumlah sekitar 160 karakter (huruf) atau sekitar 25 kata (words), sama dengan jumlah ideal isi SMS (
Text Message) biar efisien.
Sejumlah itulah kata yang diindeks dan ditampilkan Google di hasil halaman pencarian yang dikenal sebagai
Rich Snippet, yakni dua baris "microdata" yang ditampilkan di bawah judul dan permalink posting:
Jumlah kata default di Summary Text Popular Post blogger 140 karakter, sama dengan limit Twitter.
Jumlah karakter di
auto readmore tanpa javascript rata-rata lebih sedikit lagi, yaitu sekitar 100 karakter. Ada juga yang diset menjadi 140 karakter, sama dengan popular post dan twitter.
Cara Menambah Jumlah Ringkasan (Snippet) di Auto Readmore
Jika template blog Anda menggunakan kode <data:post.snippet/> dan ingin menambah atau mengurangi jumlah karakter di ringkasan/summary posting di halaman depan, maka gunakan tips berikut ini.
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.
1. Klik
Tema > Edit HTML
2. Cari kode
<data:post.snippet/>Jika ingin mengaturnya lagi menjadi lebih panjang atau lebih pendek, ganti kode tersebut dengan salah satu kode snippets berikut ini:
- <data:post.snippet/> = normal, menampilkan 140 karakter seperti popular post.
- <b:eval expr='snippet(data:post.snippet, {length: 100})'/> = meringkasnya menjadi 100 karakter
- <data:post.snippets.short/> = maksimal 100 karakter
- <data:post.longSnippet/> = panjang, maksimal 1000 karakter
CARA LAIN mengatur panjang-pendek teks halaman depan blog
1. Tema > Edit HTML
2. Cari kode di bawah ini.
<div class='post-snippet'><data:post.snippet/></div>
Atau kode ini.
<data:post.snippet/>
3. Hapus dan ganti dengan kode di bawah ini.
<div class='post_summary' itemprop='articleBody'><data:post.body/></div>
4. 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>
Ubah
140 dengan angka (jumlah) yang dikehendaki, lebih panjang angkanya lebih besar dan sebaliknya.
5. Save! Simpan template!
Cara Lain Cara Menambah Jumlah Ringkasan (Snippet) di Auto Readmore
Jika semua cara di atas tidak berfungsi --biasanya sih berfungsi, maka gunkkan cara mengatur jumlah snippet berikut ini:
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>
Note: Angka 160 bisa diubah menjadi 140, 180, 200, dan sebagainya
3. Replace atau GANTI semua kode <data:post.snippet/> dengan kode berikut ini:
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSnippet("summary<data:post.id/>");</script>
Temukan Kami di FACEBOOK
Temukan Kami di Bukalapak
Temukan Kami di INSTAGRAM
Temukan Kami di SHOPEE
Temukan Kami di TOKOPEDIA