Trik Membuat Read More

Menampilkan Read More di BlogggerCara membuat read more di Blogspot atau blogger sangat mudah, hanya dengan manupulasi CSS display:none yaitu meng-hiden teks yang tidak ingin ditampilkan di home, archive dan halaman label.
Bagi sobat yang berminat, silahkan langsung di coba.

Berikut ini langkah-langkah untuk membuat read more blogger

• 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 </head> atau tepat sesudah kode } ]]></b:skin> 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 <p><data:post.body/></p> dalam template kamu dan tambahkan kode berikut tepat dibawahnya:

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

• Nah supaya terpotong, setiap kali kamu posting, klik pada bagian posting dimana kamu pengen tulisan Read More.. muncul, dan ketik <span class="fullpost"> sisa postingan sampai selesai </span>. Untuk menmbahkan kode ini, ketika posting kamu harus dalam mode Edit HTML bukan Compose