Membuat Read More di Blogspot

Baiklah sahabat Tepers yang sempat singgah di blog ini, kali ini saya berbagi pengetahuan untuk membuat "Read More....." atau "baca selengkapnya...." di Blogspot
langsung saja kita ke triknya.

• Sig in di blogger dengan id sobat

• Klik menu layout
• Klik menu Edit HTML
• Klik tulisan Download Template lengkap, silahkan save dulu templatenya, ini untuk mencegah resiko apabila terjadi kesalahan dalam melakukan kesalahan dalam proses editing template
• Klik kotak kecil di samping tulisan Expand Template Widget, sekali lagi jangan lupa untuk memberi tanda centang dul
• Tunggu beberapa saat sampai proses selesai
• Copy kode dibawah ini , diatas Kode ]]></b:skin>
• <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 anda 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 anda menulis artikel posting, klik pada bagian artikel dimana anda menginginkan tulisan Read More.. muncul, lalu ketik kemudian lanjutkan sisa artikel sampai selesai, akhiri dengan mengetik. Untuk menmbahkan kode ini, ketika menulis artikel, anda harus dalam mode Edit HTML bukan Compose
  Tulisan Read More.. seperti yang berwarna merah pada kode diatas, bisa anda ganti dengan tulisan lain seperti Baca Selengkapnya.. atau Lanjut Baca..

Selamat Mencoba :)

Artikel Terkait