Cara Membuat Readmore Di Blog

Readmore/Baca selengkapnya adalah untuk mempersingkat postingan yang telah di buat, pada halaman utama blog, seperti gambar di atas, kalau di klik selengkapnya, maka akan muncul sumua isi postingannya.
cara membuatnya :

1. Buka menu Tata Letak kemudian pilih Edit HTML.
2. klik kotak pada tulisan "expand widget template"
3. Cari kode yang berwarna kuning dibawah ini berikut di Template blog kamu (biasanya tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :

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

4. Kalau sudah ketemu, Ganti kode kode tersebut 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.. &#187;&#187; </a>
</b:if>

Tulisan "Read More.. " yang berwarna merah itu bisa kita rubah, misalnya jadi "Baca Selengkapnya" atau "Lanjut Baca.. ". terserah kemauan kita.

5. Kemudian klik Simpan Template.
6. Jika sudah kemudian pilih menu Pengaturan lalu pilih Format
7. Pada kotak Template Posting isikan kode berikut:

<span class="fullpost">

</span>

8. Kemudian Simpan.

9. Ketika memposting, disana ada 2 tab pilihan yaitu : "Edit Html" dan "Tulis", lalu kita pilih Yang "Edit Html", Maka secara otomatis akan tampak kode seperti berikut :


<span class="fullpost">


</span>

10. Tulislah postingan yang ingin kita tulis sebelum atau diatas kode ini : <span class="fullpost">

ket : itu yang akan tampil pada halaman utama blog kita yaitu sebelum tulisan Read More... (untuk eminimalisasi tampilan) lalu tulislah postingan (yang akan tampil setelah kita klik tulisan Read More...) diantara <span class="fullpost"> dan </span>

Trim's . . .

Kembali Ke Beranda Blog