Cara Membuat Read More / Baca Selengkapnya

Memang sudah biasa setiap kita membuat postingan baru selalu muncul di halaman utama. Jika anda ingin membuat postingan anda yang tampil di halam utama hanya abstaknya saja selanjutnya ada sebuah link read more atau baca selengkapnya untuk melihat selengkapnya.
Ikutilah langkah langkah selanjutnya

1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) atau supaya lebih cepat tekan ctrl+F lalu copy paste kan kode berikut:

<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......</a>
</b:if>


Kata "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya".

5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:

<span class="fullpost">
</span>


8. Kemudian Simpan.
9. Ketika memposting, kan disana ada 2 tab pilihan , ada yang "Compose" dan "Edit Html", Nha km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :
<span class="fullpost">
</span>


10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini : sementara sisanya yaitu keseluruhan posting letakkan di antara kode dan di atas
11. Selesai deh..
Selamat Mencoba ya ...


Baca postingan lainnya
Menampilkan HTML dalam postingan blog