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 sobat akan meningkat.

2. Menurunkan Bounce Rate Blogger

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

Bounce rate menjadi salah satu faktor penentu ranking sebuah halaman website pada mesin pencari.

Maka, pemasangan widget ini mungkin bisa dijadikan solusi untuk menurunkan bounce rate blog yang tinggi.

Cara Membuat 'Baca Selengkapnya' Di Dalam Postingan Blogger

Trik ini hanya menggunakan tag kondisional blogger, jadi tidak akan mempengaruhi kecepatan loading blog sobat.

Baca Juga: Cara Mempercepat Loading Blog
Saya sarankan untuk backup template agar tidak mengalami kesulitan jika terjadi error.
1. Buka Editor Template Blogger, kemudian cari
<data:post.body/> halaman artikel, biasanya yang ke 2 atau 3), 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:blog.canonicalUrl + "?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).

2. Cari </head>, letakan CSS ini diatasnya.

<style>.readm{margin:20px 0;text-align:center}.readm a{color:#fff; background:#0f7aff;padding:7px 15px; border-radius:5px}</style>

3. Selanjutnya sobat harus mengganti rel canonical agar tidak terjadi duplicate content, cari
<link expr:href='data:blog.url' rel='canonical'/>

Mungkin tidak semua template menggunakan tag canonical seperti diatas, tapi jika di dalam template yang sobat pakai terdapat rel='canonical', ganti dengan kode ini:

<link expr:href='data:blog.canonicalUrl' rel='canonical'/>
Jika tidak ada, sobat bisa langsung simpan template.

4. Selesai dan lihat hasilnya.

Contoh Readmore Dalam Postingan Blogger

Cara Membuat JumpBreak Di Blogger
Trik membuat 'Baca Selengkapnya' sudah tested pada blog ini dan blog saya yang lain.

Contoh 1
Contoh 2

Selamat Mencoba, Semoga Berhasil..
  1. Ensikology

    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

      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

    abuhaqqi.id

    1/7/19

    Udah sy coba & berhasil mas

    • Dian Sandi Utama

      Dian Sandi Utama

      1/7/19

      Bounce rate auto langsing! Jamin dah! 😁