Jumat, 01 April 2011

Pasang Read More di Blogspot

Saya telah telah memposting/repost beberapa kali mengenai "cara pasang read more" ternyata hasil akhirnya berbeda-beda mungkin karena tergantung pada ketersediaan teplate yang dipakai atau lebih tepatnya support tidaknya suatu template blog pada feature baru.
Kali ini saya menemukan posting mengenai Read More dan telah saya coba, hasilnya bagus dan cukup mudah. Yu kita mulai me-repost,

Sebenarnya sekarang Anda tidak perlu susah-susah dalam membuat kode read more (baca selanjutnya) di blog Anda. Tidak seperti dulu, di mana blogger tidak menyediakan secara langsung fungsi read more tersebut.

Sekarang Anda tidak perlu menambahkan kode-kode yang rumit seperti sebelumnya. Cukup tambahkan kode berikut pada bagian tulisan yang akan dipotong.


<!-- more -->

Untuk lebih mudah lagi, Anda bisa menggunakan secara langsung fungsi read more dengan menekan tombol Insert jump break yang ada pada toolbar pengeposan blogger.

tutorial membuat read more - jump break

Setelah mengklik tombol tersebut, maka fungsi read more akan tampil seperti gambar berikut.

read more / baca selanjutnya

Setelah melakukannya, postingan Anda pada halaman depan akan otomatis terpotong. Namun, tulisan read more belum tentu tampil. Tapi, tenang saja!

Karena fungsi read more ini baru dibuat oleh blogger, jadi hanya blog baru (setelah fungsi read more dibuat) yang bisa menampilkan langsung fungsi read more ini.

Nah, jika tulisan read more ini belum tampil di halaman depan, Anda bisa ikuti tutorial berikut.
  1. Masuk ke akun blogger Anda.
  2. Pilih menu Tata Letak (Layout) » Edit HTML.
  3. Beri tanda centang pada tulisan Expand Widget Templates.
    Expand Widget Templates
  4. Cari kode seperti di bawah ini.

    <div class='post-body entry-content'>
    <data:post.body/>
    <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

  5. Setelah itu, copy paste kode berikut di bawah kode tadi.

    <b:if cond='data:post.hasJumpLink'>
    <div class='jump-link'>
    <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
    </div>
    </b:if>

  6. Simpan template
Mudah bukan cara membuat read more di blogspot?

Selamat mencoba!

tutorialblogging

1 comments:

  1. Mbak, aku udah coba bikin kaya petunjuk yang Mbk kasi...tapi kok gx bisa ya???!?!?

    BalasHapus