Sabtu, 09 April 2011

Membuat Readmore

Memposting artikel yang panjang menjadikan tampilan blog kita kelihatan menjemukan. Agar tidak terjadi demikian kita membutuhkan pemenggalan isi posting yang biasa disebut dengan readmore. Panjang artikel yang ingin ditampilkan bisa diatur sesuai dengan selera kita.
Untuk membuat readmore tersebut langkah-langkahnya sebagai berikut:

1. Buka menu Layout kemudian pilih Edit HTML. Sebaiknya download dahulu template kita agar apabila pekerjaan kita nanti salah atau kurang sempurna bisa dikembalikan ke keadaan sebelumnya.
2. Kasih tanda centang pada "expand widget template" di sebelah kanan atas kotak html editor.
3. Cari kode berikut di Template blog anda, gunakan ctrl+f untuk memudahkan pencarian :

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

4. Ganti kode tersebut dengan copy-paste kode dibawah 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......" bisa dirubah sesuai selera anda, misalnya menjadi "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 tampak kode berikut :

<span class="fullpost">

</span>

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

Simpan, selesai.

Tidak ada komentar:

Posting Komentar