Cara memasang "Read More atau "Baca Selengkapnya" di Blog

Kegunaan utama dari fitur ini adalah sebagai penyingkat tampilan artikel yang ada pada blog anda. Di blog anda, artikel yang tampil di halaman utama hanya tampil sebagian saja lalu pada bagian akhir artikel akan ada tulisan atau link "Read More:" atau yang lain yang jika di klik akan muncul keseluruhan artikel. Caranya mudah, untuk selengkapnya ikuti langkah-langkah di bawah ini :

1. Buka menu Layout, kemudian pilih Edit HTML.
2. Beri tanda cek (centang) pada checkbox "expand widget template" (berada di sudut kanan atas)
3. Cari kode berikut di Template blog kamu (bisa dengan menggunakan CTRL+F lalu tuliskan script ini) :

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

4. Jika sudah ketemu, Ganti script tersebut  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 dirubah sesuai dengan keinginan anda, misalnya menjadi "Baca Selengkapnya".

5. Simpan atau Save hasil pengeditan.
6. Kemudian pilih menu Setting, lalu pilih Formatting
7. Pada kotak Post Template (bagian paling bawah) isikan kode berikut:

<span class="fullpost"> </span>

8. Kemudian Simpan.
9. Ketika memposting, kan disana ada 2 tab pilihan, yang satu "Compose" dan yang satunya "Edit Html" (sudut kanan atas), lalu anda pilih "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. Mudah kan ;) , Selamat Mencoba

 

Read More → Cara memasang "Read More atau "Baca Selengkapnya" di Blog

Test

Testsdsadsadsasa

Read More → Test