Membuat Readmore Pada Blogger Atau Blogspot

Kesulitan mengatur halaman index / index category pada blogger/blogspot karena halaman sangat panjang. Potong beberapa bagian dari paragraf artikel dan beri link read more (selanjutnya), agar tampilan index tampak lebih rapi. 



Caranya:



  • Login ke blogger.com, pilih blog yang pengen kamu edit, klik link Layout kemudian masuk ke Edit HTML

  • Untuk bisa ngedit template secara keseluruhan, kamu harus centang/tandai/aktifkan Expand Widget Templates

  • Masukkan kode berikut sebelum tag   atau tepat sesudah kode }]]> seperti ini:

    <style> <b:if cond='data:blog.pageType == "item"'> span.fullpost {display:inline;} <b:else/> span.fullpost {display:none;} </b:if> </style> 


  • Selanjutnya mengatur supaya postingan terpotong, cari kode

    <b:if cond='data:blog.pageType != "item"'> <a expr:href='data:post.url'> selanjutnya ..</a> </b:if> 


    atau
     dalam template kamu dan tambahkan kode berikut tepat dibawahnya:

    Read More..


  • Supaya terpotong, setiap kali kamu posting, klik pada bagian posting dimana kamu ingin menaruh tulisan Read More.. muncul, dan ketik sisa postingan sampai selesai . Untuk menmbahkan kode ini, ketika posting kamu harus dalam mode Edit HTML bukan Compose

    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





Untuk template versi baru, readmore sudah terpasang. Selamat mencoba.