Membuat Read More Classic

Posting yg kamu buat biasanya akan ditampilkan langsung
di Blog-mu pada halaman utama.

N biasanya posting yang kamu buat pasti terlalu pangjang.
Trus gmn nih caranya menyiasatinya....

Caranya dengan membuat Read More
Maksudnya apa nich Read More / Baca Berikutnya

Misalnya Pada Posting aku tuh
kan ada tulisannya "Read More" di setiap posting-nya
n jika kamu klik maka akan posting kamu akan ditampilkan secara keseluruhan.

Mau tau caranya...???

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 :

<div class='post-body entry-content'>

Kalo dah ketemu pasti dibawahnya ada kode ini


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


4. Sekarang, 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" bisa kamu ganti menjadi "Baca Selengkap...."

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, akan ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Tyus km 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 diatas kode ini : <span class="fullpost"> sementara sisa posting-nya kamu letakkan di antara kode <span class="fullpost"> dan </span>
11. Nah Diantara semua proses inilah yang paling penting, yaitu SELESAI DAH....

6 comments: