Cara Buat Read More

Cara Buat Read more
Berikut prosesnya:

1. Buka template --> edit HTML
2. Kasih tanda tik/cek menu "expand widget template"
3. Cari kode berikut di TEMPLATE blog Anda:



<div class='post-header-line-1'/> <div class='post-body'>

4. Kalau sudah ketemu, letakkan kode berikut DI BAWAH kode html di atas:

<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

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

<b:else/>

<style>.fullpost{display:none;}</style>

5. Di Bawah kode di atas ada kode html sbb:

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



<div style='clear: both;'/> <!-- clear for photos floats -->

</div>

6. Nah, di antara kode <p><data:post.body/></p> dan kode <div style='clear: both;'/> <!-- clear for photos floats -->
</div>

pasang kode html ini:
<a expr:href='data:post.url'>Read More......</a>

</b:if>

7. Jadi, susunan kode html di template setelah ditambah dg kode READ MORE akan menjadi seperti ini (yg warna biru adalah kode tambahan untuk READ MORE, sedang kode warna hitam adalah kode asli template):

 <div class='post-header-line-1'/>
<div class='post-body'>

   <b:if cond='data:blog.pageType == "item"'>
      <style>.fullpost{display:inline;}</style>
      <p></p>
   <b:else/>
      <style>.fullpost{display:none;}</style>

      <p></p>

      <a expr:href='data:post.url'>Read More......</a>
   </b:if>

   <div style='clear: both;'/> <!-- clear for photos floats -->
 </div>

8. Klik SETTINGS, terus klik FORMATTING. Di paling bawah ada kotak kosong di samping menu POST TEMPLATE. Isi kotak kosong tsb dg kode berikut:

<span class="fullpost">Type your summary here



</span>Type rest of the post here

Jangan lupa klik SAVE apabila sudah dipasang.

9. Klik SAVE.

CARA POSTING

Ketika memposting, klik EDIT HTML. Maka, secara otomatis akan tampak kode

<span class="fullpost">



</span>

Atau dalam keadaan biasa Compose akan tampil

Type your summary here (maksudnya sebagai pembatas)
Type rest of the post here

Fungsinya hanya untuk membatasi, jadi kita tidak harus menulis di type html, di compose pun kita kan bisa tahu batasan read morenya. Misal gini :

saya telah mencoba menginstal jdk-6u4-linux-i586-rpm.bin sebagai JVM-nya dan netbeans-6.0-linux.sh sebagai IDE-nya di IGOS dengan lebih dulu mencoba menginstal pada Ubuntu dengan cara yang saya peroleh
Type your summary here
dari artikel teman saya sekelas mas Junaidy dan tentu saja sedikit berbeda dengan cara pada Ubuntu dan pilihan jdk-nya. Kalau pada Ubuntu saya memakai jdk-6u4-linux-i586.bin tapi di IGOS saya memakai jdk-6u4-linux-i586-rpm.bin (ini adalah tulisan yg tidak ditampilkan)
Type rest of the post here

Setelah itu pergi ke edit html pergi ke tulisan ini..
ada di bawah sendiri

<span class="fullpost">Type your summary here
</span>Type rest of the post here

trus pindahkan yg atas ke bagian yg pengen dihilangkan/tidak ditampilkan.

dan tulisan Type your summary here, Type rest of the post here dihapus, supaya gak ikutan tampil... karena fungsinya dia cuma sebagai pembatas saat kita memproses

JADINYA begini :

saya telah mencoba menginstal jdk-6u4-linux-i586-rpm.bin sebagai JVM-nya dan netbeans-6.0-linux.sh sebagai IDE-nya di IGOS dengan lebih dulu mencoba menginstal pada Ubuntu dengan cara yang saya peroleh
Read more....

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

Catatan Penting:

(A) Artikel yg diposting sebelum pemasangan kode READ MORE di atas akan tetap tampil penuh di halaman muka, Anda bisa mengeditnya dg cara sbb:

1. Klik menu EDIT POST
2. Klik EDIT di artikel yg akan diedit.
3. Pasang kode <span class="fullpost">
di bawah paragraf yg akan ditampilkan. Dan pasang kode </span>
di akhir artikel.

Ingat kode hanya ada SATU kode <span class="fullpost"> dan </span>. Apabila terdapat lebih dari satu, dan biasanya numpuk di bagian paling bawah artikel, maka dibuang saja.

Selamat menikmati READ MORE!