Membuat Read More Pada Blog

            Read more merupakan kata yang yang tampil pada halaman depan postingan yang meminta si pembaca postingan untuk mengklik kata ini jika ingin menampilkan keseluruhan isi dari postingan. Bagaimana membuat read more pada postingan yang kalian miliki? saya akan mencoba kasih tahu caranya kepada kalian.

            Pertama pastikan bahwa kalian telah "login" ke blog, kemudian masuklah ke bagian "pengaturan" dan pilih "format". Pada bagian bawah terdapat tulisan "template posting" berikut dengan kolom kosong yang disediakan. Masukkan kode dibawah ini ke dalam kolom tersebut kemudian simpan setelan.

<div class="fullpost">

</div>

CATATAN : Sedikit menjelaskan maksud dan tujuan memasukkan kode tersebut adalah bahwa kode diatas akan selalu tampil setiap kali kalian ingin memosting pada edit HTML postingan kalian. Supaya efek read more dapat berfungsi, tulislah postingan yang ingin kalian tampilkan di halaman depan sebelum kode <div class="fullpost"> dan tulislah sisahnya (postingan yang ingin kalian sembunyikan) setelah kode <div class="fullpost">

            Langkah selanjutnya adalah berpindah ke bagian "tata letak" dan pilih "edit HTML". Beri tanda centang pada "Expand Template Widget". Kemudian cari tulisan (kode) dibawah ini:

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

Untuk mempermudah pencarian gunakan Ctrl+F pada keyboard. Setelah kalian temukan tulisan (kode) di atas, maka akan tampak tampilan kodenya sebagai berikut:

<div class='post-body entry-content'>
     <data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->

Silahkan kalian hapus tulisan (kode) tersebut dan ganti dengan kode di bawah ini.

<div class='post-body entry-content'>
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <style>.fullpost{display:inline;}</style>
      <data:post.body/>
    <b:else/>
    <style>.fullpost{display:none;}</style>
      <data:post.body/>
       <a expr:href='data:post.url'>Read More...</a> 
  </b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->

            Setelah kalian masukkan kode di atas langkah selanjutnya simpan template. Sekarang blog kalian telah memiliki fungsi read more pada postingan.