Cara Membuat Read More "Baca Selengkapnya"

Pada tampilan utama blog atau biasanya kita kenal dengan Home/Beranda kita sering melihat bahwa pada setiap postingan yang tampil pada halaman utama tersebut tidak terlihat seluruhnya melainkan sebagian yaitu bagian atas tulisan posting/artikel tersebut.

Yang demikian itu dimaksudkan agar pada tampilan halaman utama tersebut lebih minimalis dengan berisi beberapa artikel dan apabila kita ingin membacanya secara lengkap kita bisa mengklik judul artikel tersebut atau tulisan dibawah artikel yang biasanya bertuliskan Read More.. atau Baca Selengkapnya..


Untuk membuat Read More atau Baca Selengkapnya ikuti langkah langkah di bawah ini :

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

<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/artikel yang ingin kita tulis (yang tampil pada halaman utama) sebelum atau diatas kode ini : <span class="fullpost">

ket : itu yang akan tampil pada halaman utama blog kita yaitu sebelum tulisan Read More... (untuk meminimalisasi tampilan). dan sebelum kode </span> yang akan tampil keseluruhannya.

Dibawah ini adalah ilustrasinya :

Artikel yang tampil di halaman utama.
<span class="fullpost">

lanjutan artikel yang tampil di halaman utama dan yang akan tampil secara keseluruhan.

</span>

Happy Blogging...