Buat "Read more" atau "Baca selengkapnya"

Topik mengenai "read more" atau "baca selengkapnya" sebenarnya sudah banyak dibahas oleh para senior netter ! Namun diantara rekan-rekan blogger (khusus bagi pemula yang baru mulai membuat blog) yang menanyakan kepada saya bagaimana membuat artikel pada postingan agar terpotong atau istilah kerennya "Read More..." atau "Baca selengkapnya...".

Tidak ada salahnya saya membahas cara membuat "Read more..." / "baca selengkapnya...", disini saya coba jelaskan untuk Template blog baru.

Langkah-langkahnya sebagai berikut :

1. Anda harus sign in ke blog anda.
   
   
2. Pilih Menu Dashboard - Layout - Edit HTML.
   
   
3. Sebelum anda mengedit HTML, sebaiknya anda backup template dahulu : "Download template" untuk mengantisipasi jika terjadi kesalahan template awal bisa di upload kembali.
   
   
4. Kemudian anda klik / tanda centang pada Expand Widget Template, tunggu sebentar lalu lanjutkan proses berikutnya.
   
   
5. Dalam proses pencarian kode lebih cepat gunakan fasilitas pencarian Ctrl+F !
   
   
6. Masukan kode berikut pada "Edit Template" sebelum tag </head> dan tepat sesudah }]]></b:skin> seperti ini:
   
   }
   ]]></b:skin>
   <style>
   <b:if cond='data:blog.pageType == "item"'>
   span.fullpost {display:inline;}
   <b:else/>
   span.fullpost {display:none;}
   </b:if>
   </style>
   </head>
   
   
   
   

   Edit Template yang telah diubah

   
   
   
7. Selanjutnya mengatur postingan terpotong, cari kode <data:post.body/> dalam template anda dan tambah kode berikut tepat dibawahnya, sebelumnya tambahkan <p> </p> jika belum terdapat kode tersebut menjadi <p><data:post.body/></p> :
   
   <b:if cond='data:blog.pagetype!=item>
   <a expr:href='data:post.url'>read more...</a>
   </b:if>
   
   
8. Kemudian Save
   
   
9. Posting telah siap dilakukan, masuk ke menu Posting - Create; Isi Title posting.
   
10. Selanjutnya masukan sebagian artikel yang akan ditampilkan (terpotong) diikuti kode <span class="fullpost">, kemudian masukan sisa artikel diakhiri dengan kode </span>
    
    
11. Untuk memudahkan kita setiap posting tidak harus mengetikkan kode <span class="fullpost"> dan </span> lagi...lanjutkan dengan mengedit template posting!
    
    
12. Caranya masuk ke menut tab Setting - Formating - Template Posting, kemudian isikan kode :
    
    <span class="fullpost">
    
    
    </span>
    di Template Posting
    
    
13. Kemudian Save
    

Demikian penjelasan mengenai "read more..." atau "baca selanjutnya"; Mudah-mudahan tips singkat dari saya dapat membantu anda.