Blogger Sudah Support Fungsi Read More

Info ini saya dapatkan dari blognya Kang Rohman, awalnya sih sekedar iseng-iseng aja buka-buka tutorial disana tapi eh malah ketemu ama sesuatu yang baru. Akhirnya saya buka dan baca ternyata Blogger sudah support fungsi read more yang kaya di wordpress gitu.... Katanya sih untuk memperingati hari ulang tahunya yang ke 10 blogger menambah kan beberapa menu tambahan. Tapi untuk kali ini saya cuma akan membahas tombol
"Jump Break" atau tombol "More" atau tombol "Read More"

yang mempunyai fungsi untuk memotong tulisan di halaman depan (home page) atau lebih populer dengan sebutan "fungsi read more"

ini artinya, untuk memotong artikel agar tidak terlalu panjang tampil di halaman depan, anda hanya perlu meng-klik tombol "Insert Jump Break" atau "Read More" saja dan anda tidak perlu repot lagi mengetikkan kode read more hasil hack atau apapun.

Namun, sepertinya tombol ini hanya muncul pada post editor baru dan dalam posisi mode "Compose"
Jika teman-teman masih memakai template asli yang disediakan oleh blogger akan langsung bisa menikmati hasilnya akan muncul tulisan "Read more »" seperti ini :

Bagaimana kalau anda tidak memakai template yang tidak disediakan blogger?
tentu saja akan tetap berfungsi secara baik dan artikel anda akan tetap terpotong tapi tulisan "Read more »" tidak akan muncul. Untuk hal ini anda harus menambahkan kode tambahan pada template blog 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 seperti ini :

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

     6. Copy lalu paste kode berikut persis di bawah kode yang tadi :

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

       7. Klik tombol Simpan Template
       8. Dan Lihat hasilnya

Dengan cara tersebut, tulisan "Read more »" akan muncul walaupun anda tidak memakai template yang disediakan oleh blogger.


Secara default tulisan yang akan muncul adalah " Read more » ", namun anda bisa mengubahnya sesuai keinginan anda, caranya seperti 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" untuk yang bahasa inggris.

    5. Setelah muncul jendela baru, gantilah tulisan Read more » menjadi tulisan sesuai dengan keinginan anda

    6. Klik Tombol Simpan

Bagi anda yang menggunan trik membuat read more yang lama atau postingan disini! sebaiknya di hilangkan saja kare blogger sekarang sudah mempunyai sistem read more sendiri. cara mengembalikannya silahkan baca trik tersebut secara terbalik yaitu dari bawah ke atas.
Kalau ada cara yang mudah, kenapa mesti buat yang susah! Selamat mencoba.....

Share |

Artikel Terkait :