Pages

Wednesday, March 6, 2013

Cara Memasang Read More Pada Blog

Pada Postingan kali ini, saya meposting cara untuk memberi read more pada blog. keuntngan kita memakai read more ini, jika kita memposting yang isi postingan Anda panjang/banyak, postingan kita terlihat panjang dan berantakan dan kurang simple. 
Itu juga akan mengurangi kecantikan dan keindahan Blog Anda.
Disini saya akan membagi pemberitahuan kepada Anda-anda semua, Langkah-langkah memasang read more dalam blog sebagai berikut :
  1. Buka Menu Layout, Kemudian pilih edit HTML
  2. Kasih tanda centang pada "expand widget template"
  3. Cari kode berikut (gunakan Ctrl+f untuk cari kodenya)

    <p><data:post.body/></p>
  4. Kalau sudah ketemu, ganti kode tersebut menjadi seperti di bawah 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 anda ganti, seperti contoh " next, baca seterusnya dll "

  5. Simpan
  6. Kemudian pilih menu setting lalu pilih formatting
  7. Pada kotak post tempalte isikan kode di bawah ini :

    <span class="fullpost">


    </span>
  8. Kemudian Simpan
  9. Ketika posting, disana ada 2 tab pilihan, pilih "Edit HTML" secara otomatis akan muncul kode seperti di bawah ini :

    <span class="fullpost">


    </span>
  10. letakka Artikel yang akan di tampilkan di halaman utama (sebelum read more) diatas kode ini : <span class="fullpost"> Sementara keseluruhan posting lainnya di letakkan di antara kode <span class="fullpost"> dan </span>.

    Selamat Mencoba Di Blog Anda. :))

No comments:

Post a Comment

Pages