Cara Memasang Read More Secara Otomatis di Blogger

Read More Secara Otomatis" adalah fitur yang memungkinkan penampilan hanya sebagian dari postingan di halaman depan atau halaman arsip blog, dan memberikan opsi untuk membaca selengkapnya dengan mengklik tombol "Read More". 

Dengan menggunakan fitur ini, Anda dapat mempersingkat tampilan posting di halaman depan atau arsip blog Anda dan memberi pembaca pilihan untuk membaca selengkapnya jika tertarik dengan isi postingan tersebut. 

Dengan cara ini, pembaca dapat menavigasi blog Anda dengan lebih mudah dan memilih untuk membaca hanya postingan yang paling menarik bagi mereka. Fitur ini sangat berguna untuk meningkatkan kecepatan loading halaman dan meningkatkan pengalaman pengguna pada situs web Anda.

Sehingga berguna untuk membuat halaman utama blog Anda tetap teratur dan terorganisir dengan menampilkan beberapa postingan sekaligus tanpa mengganggu tampilan keseluruhan halaman. Dengan fitur ini, pembaca Anda akan lebih mudah mencari dan memilih postingan yang mereka minati. Anda dapat mengaktifkan fitur "Read More" secara otomatis di Blogger dengan menambahkan kode HTML ke template blog Anda.

Mafaat Memasang Read More Secara Otomatis di Blogger

Ada beberapa manfaat memasang tombol "Read More Secara Otomatis" di Blogger:

1. Menghemat ruang: Dengan memasang tombol "Read More", hanya sebagian dari postingan yang ditampilkan di halaman depan atau halaman arsip blog, sehingga dapat menghemat ruang dan mempercepat waktu loading halaman.
2. Memudahkan navigasi: Dengan memasang tombol "Read More", pembaca dapat dengan mudah menavigasi situs Anda dan memilih untuk membaca postingan yang benar-benar menarik minat mereka.
3. Meningkatkan kecepatan loading: Dengan menampilkan hanya sebagian dari postingan di halaman depan atau halaman arsip, dapat mempercepat kecepatan loading halaman dan mengurangi waktu yang dibutuhkan pembaca untuk menunggu tampilan postingan yang lengkap.
4. Meningkatkan pengalaman pengguna: Dengan memberikan pilihan untuk membaca selengkapnya, pembaca dapat memilih untuk fokus hanya pada postingan yang menarik bagi mereka, sehingga meningkatkan pengalaman pengguna pada situs web Anda.
5. Memperbaiki SEO: Dengan mempersingkat tampilan postingan di halaman depan atau halaman arsip, dapat meningkatkan efektivitas tampilan postingan dalam mesin pencari, dan membantu meningkatkan rangking halaman Anda di hasil pencarian Google dan meningkatkan trafik organik ke blog Anda.

Cara Memasang Read More Secara Otomatis di Blogger

Anda dapat memasang tombol "Read More" secara otomatis di postingan Blogger Anda dengan mengikuti langkah-langkah berikut:

• Buka dashboard Blogger Anda dan pilih blog yang ingin Anda edit.
• Klik pada "Template" di sidebar kiri.
• Klik pada tombol "Edit HTML".
• Cari kode yang mengontrol tampilan posting penuh dengan cara mencari kode <data:post.body/>.
• Setelah menemukan kode tersebut, letakkan cursor di bawahnya dan tambahkan kode berikut:

  <b:if cond='data:post.hasJumpLink'>
  <a expr:href='data:post.url + &quot;#more&quot;' class='more-link' rel='nofollow'>Read More</a>
  <b:else/>
  </b:if>

• Setelah itu, klik tombol "Save template" untuk menyimpan perubahan.

Alternatif Cara Memasang Read More Secara Otomatis di Blogger jika cara diatas tidak bisa di aplikasikan di template Anda :

• Login ke akun Blogger Anda dan pilih blog yang ingin Anda edit.
• Pilih menu "Template" di panel navigasi sebelah kiri.
• Klik tombol "Edit HTML" untuk membuka editor kode.
• Carilah kode <b:includable id='post' var='post'> dengan menggunakan fungsi pencarian (Ctrl + F).
• Setelah menemukan kode tersebut, letakkan cursor tepat di bawahnya dan masukkan kode berikut:

  <b:if cond='data:post.hasJumpLink'>
      <a expr:href='data:post.url + &quot;#more&quot;' class='more-link' rel='nofollow'>Read More &raquo;</a>
  <b:else/>
      <a expr:href='data:post.url + &quot;#more&quot;' class='jump-link' rel='nofollow'>Read More &raquo;</a>
  </b:if>

• Klik tombol "Simpan Template" untuk menyimpan perubahan.
• Sekarang setiap kali Anda membuat postingan baru, "Read More" akan otomatis muncul setelah beberapa kalimat pertama dari postingan.
• Catatan: Anda dapat mengubah teks "Read More" menjadi teks lain sesuai dengan keinginan Anda. Selain itu, Anda juga dapat menyesuaikan tampilan tombol "Read More" dengan menambahkan CSS khusus ke blog Anda.

Dengan menambahkan kode ini, tombol "Read More" akan muncul secara otomatis pada setiap posting di blog Anda. Ketika pembaca mengklik tombol tersebut, mereka akan dibawa ke bagian selanjutnya dari postingan Anda setelah "jump break" pertama. Anda juga dapat menyesuaikan tampilan tombol dan teks "Read More" sesuai dengan preferensi Anda dengan mengedit kode HTML yang telah ditambahkan.