Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / Blogger

5 Cara Mengatur Snippet Artikel Pada Blogger - Blogger Tutorial

Tutorial kali ini ialah cara mengatur cuilan artikel atau snippet artikel pada blogger. Mengatur snippet artikel blogger sanggup dilakukan dengan banyak sekali cara, baik tanpa javascipt ataupun tidak

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

Makara dengan memakai ringkasan sebuah artikel sanggup menghemat penggunaan HTML pada view-source baik itu pada homepage, halaman pencarian, ataupun halaman label
Tutorial kali ini ialah cara mengatur cuilan artikel atau snippet artikel pada blogger 5 cara mengatur snippet artikel pada blogger - Blogger Tutorial

Data XML

Berikut data xml yang sanggup dipakai untuk menciptakan snippet artikel :
  1. data:post.snippet
  2. data:post.longSnippet
  3. data:posts.snippets.short
  4. data:posts.snippets.long
  5. data:post.body [snippet]
Mari Kita bahas dan pelajari data-data diatas.

data:post.snippet

data:post.snippet sanggup dipakai untuk menciptakan sebuah ringkasan sebuah artikel.
Sebenarnya data data:post.snippet diperuntukan pada widget popular post, tapi sanggup dimanfaatkan untuk menciptakan sebuah ringkasan artikel :

Cara penerapan :

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

Keterangan :

  • Minimal widget Versi 1
  • Minimal layout Versi 1 atau 2
  • Maksimal abjad 140, tidak sanggup ditambah
  • Minimal abjad terserah anda
  • Tidak mengandung tag html dan ganti baris
Jika ingin mengurangi jumlah abjad sanggup memakai teladan 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 abjad 1000, tidak sanggup ditambah
  • Minimal abjad terserah anda
  • Tidak mengandung tag html
Jika ingin mengurangi jumlah abjad sanggup memakai teladan berikut :
<div class="...">   <b:eval expr='snippet(data:post.longSnippet, {length: 1000})'/> </div>
Silahkan ganti nilai 1000 dengan yang diinginkan : 1-1000

data:posts.snippets.short

data:posts.snippets.short sanggup dipakai untuk menciptakan sebuah ringkasan pendek sebuah artikel.

Cara Penerapan

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

Keterangan :

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

data:posts.snippets.long

Cara Penerapan

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

Keterangan :

  • Minimal widget Versi 2
  • Minimal layout Versi 3
  • Maksimal abjad 1000, tidak sanggup ditambah
  • Minimal abjad terserah anda
  • Tidak mengandung tag html dan ganti baris
Jika ingin mengurangi jumlah abjad sanggup memakai teladan berikut :
<div class="...">   <b:eval expr='snippet(data:posts.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 abjad tidak ada, menyusaikan dengan jumlah abjad artikel
  • Minimal abjad terserah anda
  • Mengandung tag html tertentu
  • Mengandung ganti baris jikalau diinginkan

Penjelasan :

  • length : jumlah abjad yang ingin ditampilkan
  • links : memilih apakah sebuah link/url (<a>...</a>) ditampilkan pada snippet.
    Nilai yang sanggup berikan :
    true : jikalau ingin ditampilkan
    false : jikalau tidak
  • linebreaks memilih apakah ganti baris (<br/>) diharapkan atau tidak.
    Nilai yang sanggup berikan :
    true : jikalau baris ganti(line break) diinginkan
    false : jikalau tidak
  • ellipsis memilih apakah tanda 3 poin perluasan (...) ingin ditampilkan atau tidak
    Nilai yang sanggup berikan :
    true : jikalau ya
    false : jikalau tidak
  • Tag HTML yang akan tampil ialah sbb:
    • <b>...</b>
    • <i>...</i>
    • <u>...</u>
    • <strong>...</strong>
    • <em>...</em>
    • <strike>....</strike>
    • <s>....</s>
    • <del>...</del>
    • ...
    Apakah sanggup dihapus/dihilangkan, tidak bisa, hanya system blogger yang sanggup berubahnya.
Terkait : Cara Mengatur Snippet artikel yang panjang biar terlihat pendek
Selamat berkreasi dan semoga bermanfaat

Anda mungkin menyukai postingan ini :