membuat read more pada postingan

Artikel kali ini saya peruntukkan untuk newbie yang baru belajar ngeblog. newbie yang ingin belajar blogspot seperti saya hehehe.

Beberapa waktu yang lalu saya coba iseng buat blog baru di blogspot, karena blog saya yang ada ini menggunakan wp, jadi biar saya nggak lupa dan mudah-mudahan berguna untuk blogger yang baru ngeblog saya tulis tutorialnya disini.

1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox “expand widget template”
3. Cari kode berikut di Template blog anda (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……</a>
</b:if>
Tulisan “Read More…..” itu bisa dirubah, misalnya jadi “Baca Selengkapnya”.
5. Simpan hasil pengeditan.
6. Kemudian pilih menu setting lalu pilihFormatting
7. Pada kotak Post Template isikan kode berikut:
<span class=”fullpost”>
</span>
8. Kemudian Simpan.
9. Ketika memposting, disana ada 2 tab pilihan, yang “Compose” dan “Edit Html”, Nah anda 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 “Readmore”) diatas kode ini : <span class=”fullpost”> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class=”fullpost”> dan </span>
mudah khan… selamat mencoba