Cara Mengatur Jumlah Ringkasan (Snippet) Halaman Depan Blog

Cara Mengatur Jumlah Ringkasan (Snippet) Halaman Depan Blog

Tips berikut ini berisi panduan cara mengatur panjang-pendek snippet (ringkasan, summary) posting halaman depan (homepage) yang menggunakan Auto Readmore.

 Ringkasan (Snippet) di 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:

snippet blog post

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='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSnippet(&quot;summary<data:post.id/>&quot;);</script>

4.  Save Template!

Contoh:

Jumlah snippet di Template Pro Adsense sudah ditambah dengan cara di atas. Aslinya, Responsive Template Free, hanya 100 karakter.

Cek Juga: Galeri Template Blog SEO Friendly

Itu dia cara Menambah Jumlah atau mengubah panjang-pendek ringkasan (snippet) posting home blog yang menggunakan Auto Readmore.

Good Luck & Happy Blogging! (www.contohblog.com).*

Sumber
https://groups.google.com/forum/#!topic/bloggerdev/8jUR9uISmA0


Thanks for reading Cara Mengatur Jumlah Ringkasan (Snippet) Halaman Depan Blog | Labels: Desain Blog edit this post

9 komentar on Cara Mengatur Jumlah Ringkasan (Snippet) Halaman Depan Blog

  1. Makasih infonya, saya sudah coba tapi ringkasan yang ditampilkan tetap tidak bertambah, mohon sarannya...

    ReplyDelete
  2. Belum dapet nih...script diatas ga sesuai sama templateku kali.
    Terimakasih sudah berbagi

    ReplyDelete
  3. saya mau mengursngi jumlahnya tapi kode di atas kok tidak ada ya?

    ReplyDelete
  4. saya mau menambah jumlah kata pada readmore template saya. namun kode nya berbeda. apa ada cara yang lain yang mungkin bisa di terapkan di blog saya. terima kasih

    ReplyDelete
  5. Sudah sy coba, dan work 100%...
    Tks..

    ReplyDelete
  6. Mantap om info nya... ini ane coba,, work 10000000000% om

    ReplyDelete

Contact Form

Name

Email *

Message *