Minggu, 28 November 2010

Membuat Read More di Blog

Tampilan entri yang begitu panjang terkadang membuat blog kita menjadi kurang
indah dipandang. Dan layarpun penuh ama 1 entri aja.. Makanya, kita buat read
more atau baca selengkapnya.
Jadi sebagian entri disembunyikan, kalo mau di baca, ya baca selengkapnya la..
 
Nih caranya : 
1. Buka template -> Edit HTML -> Kasih tanda tik pada menu "expand widget tempate" 
2. Letakkan kode berikut persis di atasnya kode </head>
    <style>
   <b:if cond='data:blog.pageType == "item"'>
   span.fullpost {display:inline;}
   <b:else/>
   span.fullpost {display:none;}
   </b:if>
   </style>
3. Letakkan kode berikut di bawah kode
  <p><data:post.body/></p>
  <b:if cond='data:blog.pageType != "item"'> <a expr:href='data:post.url'> 
  Read More..</a> </b:if>
4. Klik Simpan. Selesai.
5. Klik Setting atau Pengaturan, terus klik Formatting atau Format. Di paling bawah ada kotak kosong di samping menu Template Posting. Isi kotak kosong tsb dg kode berikut:
<span class="fullpost"> 
</span> 
Jangan lupa klik Simpan.


Cara Memposting
Ketika memposting, klik EDIT HTML (bukan COMPOSE). Maka, secara otomatis akan tampak kode

<span class="fullpost">
</span>

Letakkan posting yg akan ditampilkan di halaman muka di atas kode sementara sisanya (yakni keseluruhan entry/artikel), letakkan di antara kode
<span class="fullpost">
dan
</span>