Read More

Friday, March 6, 2009

Cara membuat Read More Di Blogspot.

1. Buka menu Layout lalu pilih Edit HTML.
2. Beri tanda cek (centang) pada checkbox "expand widget template"
3. Cari script berikut:

<span style="color: rgb(255, 0, 0);" class="fullpost"><p><data:post.body></data:post.body></p></span>

4. Kalau sudah ketemu, ganti script tersebut, sehingga menjadi seperti ini:

<span style="color: rgb(255, 0, 0);" class="fullpost"><b:if cond="'data:blog.pageType">
<style>.fullpost{display:inline;}</style>
</b:if><p><data:post.body></data:post.body></p>
<b:else>
<style>.fullpost{display:none;}</style>

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

<a href="http://www.blogger.com/%27data:post.url%27">Read More......</a>
</span>


8. Simpan perubahan tersebut dengan mengklik Simpan
9. Ketika posting (Entri Baru) akan muncul kode berikut:

<span class="fullpost"><span style="color: rgb(0, 0, 255);"><span class="fullpost">


</span></span></span>

10. Paragraf pertama artikel yang ingin ditampilkan, letakan di atas script berikut:

<span style="color: rgb(0, 0, 255);"><span class="fullpost"> </span>

11. Lalu sisa artikel diletakan di antara script ini, seperti contoh dibawah ini.

<span style="color: rgb(0, 0, 255);"><span class="fullpost"></span>

(sisa artikel)

<span style="color: rgb(0, 0, 255);"></span></span></span>

12. Setelah selesai tahapan diatas, buka blog anda dan lihat hasilnya. Selamat mencoba.

Artikel Terkait