Cara Membuat Read More

Seperti seharusnya bahwa postingan terbaru akan ditampilkan dihalaman utama blog. Saat kamu akan membuat posting maka akan terasa postingan kamu terlalu panjang dan memenuhi halaman utama hanya dengan satu postingan kamu. Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama hanya hal utama dahulu saja kemudian dibawahnya kamu buat link "Read More" / "Baca Selengkapnya" untuk melihat selengkapnya (keseluruhan), ada caranya pada langkah-langkah berikut :

1. Open menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (ceklis) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu (posisinya kira-kira terletak pada 1/4 bagian bawah kode hmtl) :

---------------------------------------------------
<div class='post-body entry-content'>
---------------------------------------------------

Jika sudah ketemu maka dibawahnya ada kode seperti ini :

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

4. Jika sudah ketemu, Ganti kode yang ini <p><data:post.body/></p> 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 kamu ganti, 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. setiap akan memposting baru, disana ada 2 tab pilihan, yang "Compose" dan "Edit Html", 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 : <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>

maka dengan begitu kamu punya banyak cuplikan postingan yang bisa ditampilkan di halaman utama, agar pengunjung blog dapat bebas memilih untuk mulai membaca yang mereka sukai. Selamat Mencoba.