Membuat “Read More…” atau “Baca Selengkapnya..” di Blogspot

seperti ini cara membuat read more / baca selengkapnya di blogspot

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 </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 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..

  Selamat Mencoba!