Membuat Baca Selengkapnya, Seperti WordPress

Membuat Baca Selengkapnya Artikel Blogger Seperti WordPress
Daftar Isi Artikel []
Cara Membuat Baca Selengkapnya Di Postingan Blogger - Cara membuat read more di postingan blogger mirip seperti wordpress.

Kelebihan Membuat Readmore Pada Postingan Blogger

1. Meningkatkan Page View Blog

Pengunjung akan memuat artikel sebanyak 2 kali, otomatis page view blog meningkat.

2. Menurunkan Bounce Rate Blogger

Selain meningkatkan page view, trik ini juga bisa digunakan untuk mengurangi bounce rate.

Cara Membuat 'Baca Selengkapnya' Di Dalam Postingan Blogger

Hanya menggunakan tag kondisional blogger, jadi tidak akan mempengaruhi kecepatan loading blog.
Saya sarankan untuk backup template agar tidak ribet jika terjadi error.
1. Buka Editor Template Blogger, cari
<data:post.body/> halaman artikel, ganti dengan kode ini.

<b:if cond='data:view.url == data:view.url params { m : "0" } or data:view.isPreview' >
<data:post.body/>
<b:else/>
<b:eval expr='data:post.body snippet { 
    length: 1000, 
    links: false, 
    linebreaks: true, 
    ellipsis: true }'/>
<div class='readm'>
<a expr:href='data:post.url.canonical + "?m=0"' expr:title='data:view.title'>Baca Selengkapnya...</a>
</div>
</b:if>

1000 adalah jumlah karakter yang akan ditampilkan sebelum pengunjung membaca keseluruhan artikel, bisa diubah sesuai keinginan (maks 1000 karakter).
  • 1000 bisa diganti menjadi (data:post.body.length / 2). Artinya, konten yang ditampilkan hanya separuh, bisa tepat, kurang, atau malah ditampilkan semua, tergantung jumlah karakter postingnya.
  • data:view.url == data:view.url params { m : "0" } juga bisa diubah jadi data:blog.view == "full". Otomatis, ?m=0 juga diubah menjadi ?view=full.
2. Selanjutnya, ganti rel canonical agar tidak duplicate content, cari

<link expr:href='data:blog.url' rel='canonical'/>

Tidak semua template menggunakan tag canonical seperti diatas, tapi jika di dalam template yang dipakai terdapat rel='canonical', ganti dengan kode ini:

<link expr:href='data:blog.canonicalUrl' rel='canonical'/>

Jika tidak ada, bisa langsung simpan template.

3. Selesai dan lihat hasilnya.

Contoh Readmore Dalam Postingan Blogger

Cara Membuat JumpBreak Di Blogger
Contoh 1 tidak menggunakan baca selengkapnya

Contoh 1
Contoh 2
  1. Ensikology

    28/6/19

    Kalo menurut saya, pengunjung lebih suka langsung scroll kebawah deh gan ketimbang "baca selengkapnya", tapi nice info deh.. bermanfaat banget.

    • Dian Sandi Utama

      28/6/19

      Yups, Ensikology benar! Mayoritas visitor blog menggunakan teknik membaca skimming, atau hanya mencari poin penting pada artikel yang mereka baca.

      Tak heran jika penggunaan trik ini bisa membuat kesal pengunjung karena sedikit menyita waktunya. Apalagi jika loading blog terbilang lambat, bukannya meningkatkan page view dan menurunkan bounce rate, yang ada malah pengunjung kabur, otomatis bounce rate mabur duwur. Blunder deh 😂

      Jadi, pertimbangkan baik-baik sebelum menerapkan trik ini. 😉

      Terimakasih, Ensikology sudah mampir.

  2. abuhaqqi.id

    1/7/19

    Udah sy coba & berhasil mas

    • Dian Sandi Utama

      1/7/19

      Bounce rate auto langsing! Jamin dah! 😁