Membuat Readmore

Biasanya postingan terbaru akan ditampilkan dihalaman utama blog. Namun jika postingan kita terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Jika kita ingin supaya postingan kita yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More (Baca Selengkapnya) untuk melihat selengkapnya maka langkah-langkahnya adalah sebagai berikut :

1. Buka menu Layout kemudian pilih Edit HTML
2. Pilih  expand widget template
3. Cari kode berikut di template blog anda (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl)

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


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

4. Jika sudah ketemu, ganti dengan kode berikut ini :

<div class='post-body entry-content'>
   
   <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>

Anda dapat mengubah tulisan Readmore pada script diatas sesuka anda, misalnya Readmore diubah menjadi Baca Selengkapnya.

5. Simpan hasil pengubahan.
6. Pilih menu Setting lalu Formatting
7. Pada kotak Post Template isikan kode berikut ini :

<span class="fullpost">


</span>

8. Kemudian simpan.
9. Ketika anda hendak membuat postingan baru (new post) pada pilihan Edit HTML secara otomatis akan nampak kode seperti berikut :

<span class="fullpost">


</span>

10. Letakkan abstraksi/ringkasan dari artikel yang akan diposting diatas kode ini : <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode
    <span class="fullpost"> dan </span>
11. Selesai.

Nah, mudah bukan. Selamat mencoba ;)

Artikel yang Berhubungan :