Cara Menambah atau Mengurangi Teks Ringkasan Auto Readmore Blog

Baca Juga

Cara Menambah atau Mengurangi Teks Ringkasan Auto Readmore Blog. Mengatur Data Post Snippet atau Post Summary.

Halaman depan (homepage) blog yang menggunakan template selain bawaan Blogger biasanya menampilkan gambar, judul, dan ringkasan atau cuplikan isi artikel (Data Post Snippet).

Para blogger mengenalnya sebagai "Auto Read More" yaitu ringkasan artikel di bawah judul di halaman depan , halaman label, dan halaman hasil pencarian blog.

Jika menggunakan kode auto readmore tanpa javascript, maka jumlah kata atau panjang-pendeknya kutipan sama dengan panjang-pendek ringkasan dari kode Populer Posts bawaan Blogger, yaitu dalam kode bawaan Blogger <data:post.snippet/> atau <data:post.postSummary/>.

Ini dia yang dimaksud Auto Readmore atau ringkasan artikel di halaman depan blog:

Kita bisa mengatur jumlah karakter atau panjang-pendek auto readmore itu dengan menyisipkan kode dalam template. Di bawah ini tutorialnya.

Penambahan atau pengurangan ringkasan artikel ini biasanya untuk menyesuaikan dengan ukuran gambar thumbnail, sehingg tampilannya menjadi rapi dan enak dilihat.

Cara Menambah atau Mengurangi Teks Ringkasan Auto Readmore Blog

Berikut ini Cara Menambah atau Mengurangi Teks Ringkasan Auto Readmore  di halaan depan blog. Berlaku bagi template yang menggunakan auto readmore tanpa javascript.

Di dashboard Blogger Anda:

1. Klik Tema > Edit HTML

2. Cari kode di bawah ini, gunakan tombol Ctrl + F untuk mempermudah pencarian

<data:post.snippet/>

3. Hapus kode diatas, lalu ganti dengan kode dibawah 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. Simpan kode berikut ini di atas kode </head>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
snippet_count = 140;
//<![CDATA[
function removeHtmlTag(n,e){if(-1!=n.indexOf("<")){for(var t=n.split("<"),i=0;i<t.length;i++)-1!=t[i].indexOf(">")&&(t[i]=t[i].substring(t[i].indexOf(">")+1,t[i].length));n=t.join("")}for(e=e<n.length-1?e:n.length-2;" "!=n.charAt(e-1)&&-1!=n.indexOf(" ",e);)e++;return n=n.substring(0,e-1),n+"..."}function createSnippet(n){var e=document.getElementById(n),t=snippet_count,i='<div class="snippets">'+removeHtmlTag(e.innerHTML,t)+"</div>";e.innerHTML=i} //]]> </script> </b:if>
</b:if>

5. Atur jumlah karakter deskripsi snippet di kode 140

6. Save! Simpan template.

Catatan: Jika auto readmore blog Anda sudah menggunakan javascript, biasanya kode seperti snippet_count = 140; sudah ada, cuma beda angkanya. Tinggal ubah saja angkanya.

Cara Lain Mengatur Teks Ringkasan Auto Readmore Blog

Snippet, Summary, atau ringkasan artikel di halaman depan blog standarnya mengambil ringkasan yang biasa ditampilkan di widget Popular Post. Kodenya adalah <data:post.snippet/>.

Maka, cara untuk mengatur jumlah teks atau karakter dalam ringkasan atau auto readmore itu mengacu pada kode tersebut:

1. data:post.snippet
2. data:post.longSnippet
3. data:post.snippets.short
4. data:post.snippets.long
5. data:post.body [snippet]

Silakan coba satu per satu kode-kode berikut ini untuk mengatur ringkasan artikel di homepage blog Anda. Intinya, cari dan ganti kode <data:post.snippet/> yang ada dalam template dengan salah satu kode berikut ini:

Jumlah karakter 140:

<b:eval expr='snippet(data:post.snippet, {length: 140})'/>

Jumlah karakter 1000

<data:post.longSnippet/>

Maksimal karakter 1000, tidak bisa ditambah. Jika ingin mengurangi jumlah karakter, bisa menggunakan contoh berikut ini. Ubah angkanya sesuai keinginan:

  <b:eval expr='snippet(data:post.longSnippet, {length: 1000})'/>

Jumlah karakter 100

<data:post.snippets.short/>

Jika ingin mengurangi jumlah karakternya, misalnya menjadi 80, bisa menggunakan contoh berikut :

<b:eval expr='snippet(data:post.snippets.short, {length:80})'/>

Jumlah karakter 1000

<data:post.snippets.long/>

Maksimal karakter 1000, tidak bisa ditambah. Jika ingin mengurangi jumlah karakter bisa menggunakan contoh berikut :

<b:eval expr='snippet(data:post.snippets.long, {length: 800})'/>

Jumlah karakter bebas

<b:eval expr='data:post.body snippet {
    length: 300,
    links: true,
    linebreaks: true,
    ellipsis: true }'/>
</div>

Tidak semua kode cocok dengan semua template. Secara, Blogger memiliki tiga versi template bawaan (default), yakni Versi 1 (Classic Theme), Versi 2 (Simple Theme dkk), dan Versi 3 (Contempo dkk).

Ringkasan Hilang?

Jika kasusnya justru ringkasan postingnya hilang, maka cari kode berikut ini:

<data:post.snippet/>

Hapus kode tersebut lalu ganti dengan kode ini:

<data:post.postSummary/>

Demikian cara menambah atau mengurangi teks ringkasan auto readmore blog. Belakangan, situs-situs berita malah banyak yang menghilangkannya di halaman depan, hanya berisi judul dan gambar.

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