Cara Membuat "Read More.." Pada Postingan

Pada sebuah postingan yang terlalu panjang mungkin lebih baik di buatkan penggalan supaya postingan pada halaman awal blog tidak terlalu menghabiskan tempat. Dan kesan yang lebih efisien pun akan lebih terasa pada tampilan blog. Inilah langkah-langkah membuat read more..

• Masuklah ke blogger.com dengan akun e-mail kamu, pilih blog kamu yang pengen di edit (kalo udah punya lebih dari satu blog), pilih link Layout atau Tata Letak (pada bahasa indonesia) kemudian masuk ke Edit HTML.


• Untuk bisa mengedit tamplate secara keseluruhan tandai/centang Expand Widget Templates (sebelah kanan atas kolom kode HTML)


• Copy script di bawah ini dan paste kan sebelum tag </head> atau tepat sesudah script ]]></b:skin>
  <style>
  <b:if cond='data:blog.pageType == "item"'>
  span.fullpost {display:inline;}
  <b:else/>
  span.fullpost {display:none;}
  </b:if>
  </style>


• Selanjutnya cari script <p><data:post.body/></p> ato script tadi sama dengan <data:post.body/> kalo kamu menggunakan browser mozilla tekan Ctrl+F kemudian ketik script tadi dalam kolom find, kemudian paste kan script berikut ini tepat dibawahnya
  <b:if cond='data:blog.pageType != "item"'>
  <a expr:href='data:post.url'> Read More..</a>
  </b:if>


• Kemudian klik Simpan Tamplate.

Nah,,supaya postingan kamu terpotong sehingga muncul tulisan Read More.. setiap kali posting ketik <span class="fullpost"> pada bagian kalimat yang akan dipotong, dan ketik </span> pada akhir postingan. Ingat!! Ketiklah postingan yang akan dipublikasikan pada mode Edit HTML bukan Compos / Tulis.


Selamat Mencoba........