Cara cepat membuat Read More

Bagi teman-teman yang ingin menambahkan cara buat Read More,bisa belajar disini deh, singkat saja ini caranya:

  1. Buka template -> Edit HTML -> Kasih tanda tik pada menu "expand widget tempate"(lihat gambar1)
  2. Letakkan kode berikut persis di atasnya kode </head> (lihat gambar2)
    <style>
    <b:if cond='data:blog.pageType == "item"'>
      span.fullpost {display:inline;}
    <b:else/>
     span.fullpost {display:none;}
    </b:if>
    </style>
  3. Selanjutnya mengatur supaya postingan terpotong, cari kode <p><data:post.body/></p> dalam template kamu dan tambahkan kode berikut tepat dibawahnya: (lihat gambar 3)
    <b:if cond='data:blog.pageType != "item"'>
    <a expr:href='data:post.url'> Read More..</a>
    </b:if>
  4. Klik Simpan. Selesai. 
Gambar 1





Gambar 2









Gambar 3









Cara Memposting
Ketika memposting, klik EDIT HTML (bukan COMPOSE). Maka, secara otomatis akan tampak kode
<span class="fullpost">
</span>
Letakkan posting yg akan ditampilkan di halaman muka di atas kode sementara sisanya (yakni keseluruhan entry/artikel), letakkan di antara kode
<span class="fullpost">
dan
</span>


Contoh penulisan posting:
Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja. <span class="fullpost"> Dan ini adalah sisa postingan saya yang akan saya sembunyikan dan hanya muncul pada saat post page atau link read more.. diklik </span>

Hasil akhir postingan akan seperti ini:
Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja.read more..
Masalah yang Sering Dihadapi

  • Saat mengklik "Simpan Perubahan" kita sering mendapat pesan demikian: 
          XML error message: The element type “style” must be terminated by the matching end-tag “”. 

  Jangan panik. Itu artinya tanda petik / kutip buka tutup (quote/unquote) yakni tanda ' dalam kode tidak cocok dengan font template. Yang perlu dilakukan adalah buang tanda kutip ['] itu dan kasih tanda kutip yang baru di tempat yang sama. Dan coba klik lagi SIMPAN.
  • Anda sudah berhasil memasang seluruh kode di atas, tetapi ‘read more’ gak berhasil; posting tetap panjang? Dan tulisan ‘read more’ nongol di bagian bawah artikel? Tenang. Ikuti solusi berikut: klik “Pengaturan” -> klik “Format” -> buang/delete semua tanda kutip buka/tutup (quote/unquote) di “fullpost” dan ganti dengan tanda kutip yang baru. Jangan lupa klik “Simpan”.
    Selesai.

Selamat Mencoba!

1 komentar:

  1. Ivan mengatakan...:

    Makasih ya tas infonya :)

Posting Komentar