Minimalisasi tampilan postingan blog dengan "Read More...."

Seringkali, para blogger pemula (seperti saya neh), merasa jenuh melihat terlalu panjangnya artikel sehingga menyesaki tampilan blog mereka. Terkadang membuat bete atau malah bisa sampai malas berurusan dengan blogger.com lagi. Iya nggak???
Nah!!! Untungnya neh. Saya nggak sengaja browsing pake Paman Google dan terhantar ke sebuah blog ajaib yang berisi tips-trik dalam mempercantik blog. Nah, langsung saja saya buka tuh daftar postingannya yang keren-keren. Dan salah satunya, yaitu artikel dengan judul "Cara Membuat Read More / Baca Selengkapnya di Blogger".
Langkah-langkahnya ialah sebagai berikut:

1. Masuk ke menu dan pilih
2. tanda centang pada checkbox "expand widget template"
3. Cari kode berikut pada source template blog
   <p><data:post.body/></p>
   
4. Ganti kode tersebut, dengan kode berikut:
   <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" dapat diubah.
   
5. Simpan editan!!!
6. Pilih menu setting lalu pilih formatting
   
7. Pada kotak "post template", isikan kode berikut:
   <span class="fullpost">
   
   </span>
   
8. Simpan!!!
   
9. Saat melakukakn posting artikel, terdapat dua entry yaitu "edit HTML" dan "Tulis". Nah, pada pilihan "Edit HTML" muncul teks HTML sebagai berikut:
   <span class="fullpost">
   
   </span>
   Jadi, letakkan bagian artikel yang ingin ditampilkan pada blog (sebelum tulisan read more .......), di atas kode ini!
   

Nah!!! Jadi, caranya cuman segitu kok!!! selamat mencoba!!! Tak lupa, saya berikan info kalau artikel ini saya kutip dengan editing di http://trik-tips.blogspot.com/.