Cara Membuat ReadMore ( Selengkapnya)

Terkadang Pengunjung akan cepat bosen Membaca artikel yang sangat Panjang dan bisa membuat template anda penuh dengan artikel yang Panjang,

Lebih baik , Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma intinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut :



1. Seperti biasa, Bacalah bissmillah . supaya Lancar

2. Buka menu Layout kemudian pilih Edit HTML.

3. Kasih tanda cek (centang) pada cekbox "expand widget template"

4. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian
bawah kode hmtl) seperti ini kode'a :

<div class="'post-body">

kalo dah ketemu maka dibawahnya ada kode ini :

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

5. Kalau sudah ketemu, Ganti kode yang ini <p><data:post.body></data:post.body></p> menjadi seperti
ini :

<b:if cond="data:blog.pageType == &quot;item&quot;">

<style>.fullpost{display:inline;}</style>

</b:if><p><data:post.body></data:post.body></p><span id="fullpost">

<b:else>

<style>.fullpost{display:none;}</style>

</b:else></span><p><data:post.body></data:post.body></p><span id="fullpost">

<a href="data:post.url"><span style="font-weight: bold;">Selengkapnya......</span></a>

Tulisan "Selengkapnya..." itu bisa kamu rubah, misalnya jadi "Read More" (intinya terserah anda).

6. Simpan hasil pengeditan.

7. Kemudian pilih menu Setting lalu pilih Formatting

8. Pada kotak Post Template isikan kode berikut:

<span style="font-style: italic;"><span class="fullpost">

</span></span>

9. Kemudian Simpan.

10. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Tulis" dan "Edit

Html", Nha km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode

seperti berikut :

<span class="fullpost">

</span>

11. Letakkan abstraksi(tulisan inti)sebelum kode <span class="fullpost"> itu supaya

posting atau artikel yang akan ditampilkan

dihalama utama sebelum tulisan "Selanjutnya"

sementara

sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>

Langkah ke 12 Check Dengan Teliti, &amp; jangan sampai salah ngetik ia??

Ok Deh selesai