Saturday, December 19, 2009

How to make read more

1. Sign in to Layout - Edit HTML.

2. Love the check (tick) on cekbox "expand widget templates"

3. Look for this code in your blog template (approximately where the 1 / 4 the lower part of html code):


<div class='post-body entry-content'>
kalo ketemu maka dibawahnya ada kode ini :
<p><data:post.body/></p>


4. Kalau sudah ketemu, hapus kode yang ini <p><data:post.body/></p>
diganti dengan yang seperti ini :
<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....." itu bisa diubah, misalnya jadi "Baca Selengkapnya".

5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:
<span class="fullpost">

</span>

8. Kemudian Simpan.

9. Ketika memposting, disana ada 2 tab pilihan, yang "Compose" dan "Edit Html", pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :
<span class="fullpost">

</span>
10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalaman utama (sebelum tulisan "Readmore") diatas kode ini : <span class="fullpost">
sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>

11. Selesai. Silakan periksa hasilnya.

0 comments:

Post a Comment

thank you already want to stop by and give comments