Membuat Read More di Blogspot

Cara membuat read more di Blogspot tidak seperti di wordpress. Jika di wordpress, fasilitas read more akan keluar secara otomatis tetapi untuk blogspot kita harus melakukan beberapa settingan terlebih dulu agar fasilitas read more selalu keluar di semua postingan kita.
Cara melakukan setingnya pun sebenarnya cukup mudah, akan tetapi kenyataanya banyak rekan2 blogger yang gagal melakukannya. Untuk itu dalam posting saya kali ini saya akan share pengalaman saya melakukan settingan di blog saya sehinggan fasilitas redmore bisa keluar secara otomatis.
berikut langkah-langkahnya:

1. sign in di account blogger kamu.

• masuk ke pengaturan 
• klik format 
• Pada layar paling bawah, ada text area kosong disamping tulisan Template Posting, isi text area kosong tersebut dengan kode di bawah ini :

<span class="fullpost">

</span>

• selanjutnya simpan perubahan tersebut dengan meng-klik tombol simpan pengaturan.

2. Masuk ke dashbor blog kamu.

• klik Tata Letak
• masuk ke Edit HTML 
• beri tanda centang  pada kotak diatas HTML kamu yang bertuliskan Expand Template Widget
• selanjutnya cari kode berikut pada HTML template kamu:

 <data:post.body/>

• atau kode dibawah ini (sama saja):

 <p><data:post.body/></p>

• hapus kode diatas dan ganti dengan kode di bawah ini:

 <b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>

• proses edit HTML selesai, selanjutnya klik tombol preview (pratinjau) yang ada dibawah kode HTML template kamu, jika sudah tidak ada masalah pada proses editing yang telah dilakukan tadi langsung saja klik tombol save/simpan yang menandai proses perubahan telah disimpan.

3. Pada saat kita melakukan posting baru maka akan muncul kode seperti dibawah ini:

<span class="fullpost">

</span>

tuliskan postingan yang akan ditampilkan sebelum kode:

<span class="fullpost">

dan tulisan/ postingan yang tidak tampak di depan sebelum kode:

</span>

dan kode diatas merupakan tanda bahwa postingan selesai. Selanjutnya tinggal klik Posting/publikasikan dan lihat hasilnya!

Selamat mencoba! (jika ada yang masih gagal mencobanya bisa ditanyakan melalui kolom comment yang ada dibawah!)

by, cho