Cara Membuat ReadMore/Baca Selengkapnya Pada Blog

Ini dia neh tutorial buat mengaplikasikan kode readmore pada blog, sebelumnya apa seh fungsi dari read more ini untuk blog. Kalau bagi pemula seperti saya sih, pasti terngiang juga pertanyaan yang seperti itu.

Nah jawabannya, kalau kita memosting artikel yang terbaru, pastinya dong akan tampil dihalaman depan dari blog kita, nah kalau postingan kita itu panjang, tentunya akan memakan banyak halaman depan dari blog kita tersebut, nah disini dia fungsinya si read more untuk menghemat halaman depan kita, dengan hanya menampilkan beberapa teks, atau bisa juga kita sebut sebagai abstraksi dari isi dari postingan kita tersebut..

oke deh simak saja tutorialnya dibawah ini :


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:

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

4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga 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.... tersebut dapat kamu rubah sesuai dengan yang kamu inginkan

5. Lalu kamu simpan hasil dari 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, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha 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 (sebelum tulisan "Redmore") diatas kode ini : <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>

Selamat Mencoba...

Artikel yang berkaitan