Selamat datang diblog saya..... Jangan lupa untuk tinggal kan komentarnya ya...
Google
 

Minggu, 04 Januari 2009

Membuat Read More atau baca selengkapnya pada blog

Biasanya postingan terbaru akan ditampilkan dihalaman utama blog. Namun jika postingan terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Jika ingin supaya postingan yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut :

1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :
kotak "expand widget templateny" dicentang dulu.

<div class='post-body entry-content'>
biar mudah (CTR+F di halaman posting lalu paste kan tag ini)

kalo ketemu maka dibawahnya ada kode ini :

<p><data:post.body/></p>
4. Kalau sudah ketemu, Ganti kode yang ini
<p><data:post.body/></p> menjadi 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 dihalama utama (sebelum tulisan "Redmore") diatas kode ini : sementara sisanya yaitu keseluruhan posting letakkan di antara kode dan </span>
11. Selesai

Tidak ada komentar:

Posting Komentar