Cara membuat READ MORE di blog anda

Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma sebagian dari isi postingan kamu saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat isi 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 (kira-kira pada 1/4 bagian bawah kode HTML) :

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

kalo dah 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 kamu rubah, 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, kan disana ada 2 tab pilihan, yang "Compose" dan "Edit Html", kamu pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :

<span class="fullpost">


</span>

10. Letakkan sebagian isi 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>

Semoga bermanfaat !!!

3 comments:

  1. kenapa tidak dapat berfungsi langsung?
    If I click "Expand Widget Templates" and then click either Save
    Template or Preview (without making any changes) I get this error:

    When reporting this error to Blogger Support or on the Blogger Help
    Group, please:

    * Describe what you were doing when you got this error.
    * Provide the following error code and additional information.

    bX-al2pcp

    ReplyDelete
  2. visit us :
    http://www.trikntips.co.cc/

    ReplyDelete
  3. kalau kita tambahkan read more,terus postingan kita sebelumnya gimana?
    sementara postingan saya sekitar 100

    ReplyDelete