5 Cara Mengatur Snippet Artikel pada Blogger

Tutorial kali ini adalah cara mengatur potongan artikel atau snippet artikel pada blogger. Mengatur snippet artikel blogger dapat dilakukan dengan berbagai cara, baik tanpa javascipt ataupun tidak

Disini saya akan menjabarkan bagaimana cara membuat snippet sebuah artikel atau ringkasan artikel hanya dengan tag xml yang sudah disediakan oleh blogger lengkap dengan pengaturannya.

Jadi dengan menggunakan ringkasan sebuah artikel dapat menghemat penggunaan HTML pada view-source baik itu pada homepage, halaman pencarian, ataupun halaman label

Data XML

Berikut data xml yang dapat digunakan untuk membuat snippet artikel :

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

Mari Kita bahas dan pelajari data-data diatas.

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

Mengatur Snippet Artikel pada Blogger (Works for HTML5)

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>

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

https://triksonic.blogspot.com/2018/05/5-cara-mengatur-snippet-artikel-pada-blogger.html