16 Sep 2009

Read More Sudah Tersedia Di Blogger

Sekarang bloger sudah support untuk fitur "Read more" atau "Jump Breaks" yang berfungsi untuk memotong tulisan di halaman posting pada homepage blog. Anda dapat membaca berita selengkapnya di blogger buzz. Cukup dengan meng-klik tombol readmore untuk memotong tulisan. Perhatikan gambar di bawah ini.






Tutorial yang pernah saya tulis tentang cara membuat read more menjadi terasa tidak perlu lagi. Tapi tunggu dulu, fitur ini hanya bisa digunakan untuk blog yang sudah mengganti setting blog dengan post editor baru blogger dan tombol bisa digunakan pada mode Compose. Walaupun seperti itu, anda masih bisa menggunakan fungsi "read more" pada post editor lama dan dalam posisi mode "Edit HTML" yaitu dengan mengetikkan secara manual kode <!-- more -->




Bagi anda yang memakai template yang disediakan blogger atau template hasil download dari situs lain, fungsi "Read more" masih tetap berfungsi dengan baik namun tulisan "Read more »" tidak akan muncul. untuk mengatasinya, anda harus menambahkan kode tambahan pada template anda.

Berikut langkah-langkahnya :

  1. Silahkan login ke blogger dengan ID anda.
  2. Klik Tata Letak.
  3. Klik tab Edit HTML.
  4. Beri tanda centang pada kotak kecil di sampil tulisan Expand Template Widget
  5. Carilah kode yang mirip dengan kode ini :

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

    
      6. Copy dan paste kode berikut di bawah kode yang tadi :

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>
</div>
</b:if> 
       7. Klik tombol Simpan Template

       8. Selesai.

Dengan cara di atas, tulisan Read more  akan muncul walaupun anda tidak mengunakan template yang disediakan blogger. Secara default, tulisan yang muncul adalah Read more  , namun anda apat mengubahnya sesuai keinginan anda dengan cara berikut ini:

  1. Silahkan login ke blogger dengan ID anda.
  2. Klik Tata Letak.
  3. Klik tab Elemen Halaman.
  4. Klik "Edit" pada elemen "Posting Blog" atau "Blog post".


     5. Akan muncul jendela baru dan gantilah tulisan Read more » sesuai selera anda.


     6. Klik Tombol Simpan
     7. Selesai.

Jika sebelumnya anda sudah membuat fungsi readmore seperti di sini, sebaiknya dihilangkan saja karena sekarang blogger sudah menyediakan fungsi readmore sendiri. Cara menghapusnya, dengan membaca lagi artikel tersebut dari paling bawah ke atas.

Tidak ada komentar:

Posting Komentar