Membuat Read More

Membuat Read More Di Blogspot


Oleh : Hana Kres

Bagi anda yang memiliki blog dengan konten atau postingan yang panjang, dan anda ingin menampilkan beberapa postingan sekaligus di halaman utama. Anda bisa menampilkan sebagian dari tiap postingan dengan link Read More di bawahnya atau bisa diganti dengan kalimat Baca Selanjutnya sesuai dengan keinginan untuk melihat postingan seluruhnya.

Untuk membuat Read More sebenarnya relatif tergantung tipe templatenya, kadang dari template asalnya sudah ada format Read More anda tidak perlu utak-atik lagi. Tapi bagi anda yang memiliki template blog yang tidak ada format Read More, mudah-mudahan tips dari saya cocok untuk template anda.

Ikuti langkah-langkah dibawah ini :

1. Masuk ke akun blogger anda

2. Pilih menu Design / Layout kemudian pilih Edit HTML.


3. Beri tanda cek (centang) pada cekbox "expand widget template"


4. Cari kode berikut di Template blog anda (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl)
<p><data:post.body/></p>
Kalau anda menggunakan Mozilla Firefox, bisa menekan F3 pada keyboard untuk memunculkan kotak Find.

5. Kalau sudah ketemu, Ganti kode di atas sehingga menjadi seperti ini :
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>

<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Read More......</a>
</b:if>

Tulisan "Read More....." bisa dirubah, misalnya jadi "Baca Selanjutnya".

6. Simpan hasil pengeditan dengan klik Save Setting.


7. Kemudian pilih menu Setting lalu pilih submenu Formatting


8. Pada kotak Post Template isikan kode berikut:
<span class="fullpost">


</span>


9. Kemudian Simpan dengan klik Save Setting.


10. Ketika buat posting baru, ada dua menu pilihan yaitu "Compose" dan "Edit Html". Anda pilih saja Edit Html.
Akan ada format seperti ini.
<span class="fullpost">


</span>


11. Letakkan bagian posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Read More") diatas kode <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan diantara kode <span class="fullpost"> dan </span>

membuat read more blog, membuat read more pada blogspot, buat read more di blogger, buat read more di blog, read more pada blogger


Ok, selamat mencoba teman..



Materi Lainnya : KAD PTC Yang Terbukti Membayar, Content Warning Blogspot, Desain Blog

2 komentar:

Terima kasih telah memberi komentar...