5 Cara Mengatur Ringkasan Artikel (Snippet) di Halaman Depan Blog

Berikut ini cara mengatur potongan atau ringkasan posting blog (artikel) atau snippet artikel pada halaman depan blog Blogger. Mengatur snippet artikel blogger dapat dilakukan dengan berbagai cara, baik tanpa javascipt ataupun tidak

Berikut data xml yang dapat digunakan untuk membuat snippet artikel :

• data:post.snippet
• data:post.longSnippet
• data:post.snippets.short
• data:post.snippets.long
• data:post.body [snippet]

data:post.snippet

data:post.snippet dapat digunakan untuk membuat sebuah ringkasan sebuah artikel.
Sebenarnya data data:post.snippet diperuntukan pada widget popular post, tapi bisa dimanfaatkan untuk membuat sebuah ringkasan artikel :

Cara penerapan : <div class="..."> <data:post.snippet/> </div>
Keterangan :

Minimal widget Versi 1
Minimal layout Versi 1 atau 2
Maksimal karakter 140, tidak bisa ditambah
Minimal karakter terserah anda
Tidak mengandung tag html dan ganti baris
Jika ingin mengurangi jumlah karakter bisa menggunakan contoh berikut :<div class="..."> <b:eval expr='snippet(data:post.snippet, {length: 140})'/> </div>
Silahkan ganti nilai 140 dengan yang diinginkan : 1-140
data:post.longSnippet

Cara penerapan: <div class="..."> <data:post.longSnippet/> </div>

Keterangan :

Minimal widget versi 1
Minimal layout versi 1 atau 2
Maksimal karakter 1000, tidak bisa ditambah
Minimal karakter terserah anda
Tidak mengandung tag html

Jika ingin mengurangi jumlah karakter bisa menggunakan contoh berikut :<div class="..."> <b:eval expr='snippet(data:post.longSnippet, {length: 1000})'/> </div>

Silakan ganti nilai 1000 dengan yang diinginkan : 1-1000

data:post.snippets.short

data:post.snippets.short dapat digunakan untuk membuat sebuah ringkasan pendek sebuah artikel.

Cara Penerapan<div class="..."> <data:post.snippets.short/> </div>

Keterangan :

Minimal widget Versi 2
Minimal layout Versi 3
Maksimal karakter 100, tidak bisa ditambah
Minimal karakter terserah anda
Tidak mengandung tag html dan ganti baris
Jika ingin mengurangi jumlah karakter bisa menggunakan contoh berikut :<div class="..."> <b:eval expr='snippet(data:post.snippets.short, {length: 100})'/> </div>
Silahkan ganti nilai 100 dengan yang diinginkan : 1-100
data:post.snippets.long

Cara Penerapan<div class="..."> <data:post.snippets.long/> </div>

Keterangan :

Minimal widget Versi 2
Minimal layout Versi 3
Maksimal karakter 1000, tidak bisa ditambah
Minimal karakter terserah anda
Tidak mengandung tag html dan ganti baris
Jika ingin mengurangi jumlah karakter bisa menggunakan contoh berikut :<div class="..."> <b:eval expr='snippet(data:post.snippets.long, {length: 1000})'/> </div>
Silahkan ganti nilai 1000 dengan yang diinginkan : 1-1000
data:post.body [snippet]

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

Keterangan :

Minimal widget Versi 2
Minimal layout Versi 3
Maksimal karakter tidak ada, menyusaikan dengan jumlah karakter artikel
Minimal karakter terserah anda
Mengandung tag html tertentu
Mengandung ganti baris jika diinginkan
Penjelasan :

length : jumlah karakter yang ingin ditampilkan
links : menentukan apakah sebuah link/url (<a>...</a>) ditampilkan pada snippet.
Nilai yang bisa berikan :
true : jika ingin ditampilkan
false : jika tidak
linebreaks menentukan apakah ganti baris (<br/>) diperlukan atau tidak.
Nilai yang bisa berikan :
true : jika baris ganti(line break) diinginkan
false : jika tidak
ellipsis menentukan apakah tanda 3 poin ekspansi (...) ingin ditampilkan atau tidak
Nilai yang bisa berikan :
true : jika ya
false : jika tidak

Tag HTML yang akan tampil adalah sbb:
<b>...</b>
<i>...</i>
<u>...</u>
<strong>...</strong>
<em>...</em>
<strike>....</strike>
<s>....</s>
<del>...</del>

Sumber