Untuk menambahkan readmore, yang perlu kita tambahkan adalah kode html pada html template blog kita. Readmore yang ini dikhususkan pad template blog baru. Ikuti langkah cara membuat readmore di bawah ini.
Langkah Pertama
Loggin ke blog dengan ID kamu » klik Pengaturan » klik Format. Perhatikan pada kolom paling bawah ada tulisan Template Posting. Isilah kotak isian dengan kode berikut:
<span class="fullpost">
</span>
Setelah itu klik Simpan Setelan.
Langkah Kedua
Klik menu Tata Letak selanjutnya Klik Edit HTML dan beri centang pada kotak kecil bertuliskan Expand Template widget. Satu lagi, sebelum mengedit HTML template blog maka ada baiknya template tersebut di backup dulu. Untuk membackup template silahkan klik tulisan Download template lengkap. Simpan template tersebut pada komputer kamu. Sekarang kita sudah bisa mulai bermain-main dengan html template blog.
Cari kode di bawah ini:
<div class='post-header-line-1'/>Untuk memudahkan pencarian, pada kebor silahkan tekan F3 atau Ctrl F. Akan muncul tool pencarian dan copy beberapa karakter kode yang mau dicari dan paste di dalam kotak cari tadi. Maka kode yang dicari akan ketemu. Bila sudah, silahkan melanjutkan dengan copy dan paste kode di bawah ini tepat di bawah kode yang di atas:
<div class='post-body entry-content'>
<b:if cond='data:blog.pageType == "item"'>Bila sudah selesai, kamu perhatikan bahwa di bawah kode yang kamu paste tadi adalah kode berikut:
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<data:post.body/>Kemudian di antara kode
<div style="'clear:"> <!-clear for photos floats ->
</div>
<data:post.body/>dan kode
<div style="'clear:"> <!- clear for photos floats ->masukkan kode berikut:
</div>
<a expr:href='data:post.url'>Read More »» </a>Sehingga menjadi seperti ini:
</b:if>
<data:post.body/>Keseluruhan hasil akhir adalah berikut:
<a expr:href='data:post.url'>Read More »» </a>
</b:if>
<div style="'clear:"> <!-clear for photos floats ->
</div>
<div class='post-header-line-1'/>Perhatikan kode yang berwarna biru adalah kode yang telah ditambahkan. Da kamu bisa mengganti tulisan readmore dengan kalimat lain. Misalnya baca seterusnya, baca selanjutnya, klik saya untuk kelanjutan artikel, klik di sini, lanjutkan membaca, continue reading dan apa saja yang menjadi kalimat kesukaanmu. Jika sudah selesai, maka klik simpan template.
<div class='post-body entry-content'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<data:post.body/>
<a expr:href='data:post.url'>Read More »» </a>
</b:if>
<div style="'clear:"> <! -clear for photos floats ->
</div>
Silahkan diuji dengan membuat artikel baru pada blog kamu dan lihat hasilnya. Untuk artikel posting yang sudah sempat dipublish, kamu tinggal mengedit artikel pada edit posting dan tuju edit html posting. Tinggal pilih berapa paragraf yang mau ditampilkan di awal posting. Kalau saya biasanya satu atau dua paragraf pertama saja yang ditampilkan. Pada saat mulai membuat tulisan di blog maka perhatikanlah Edit HTML. Urutan penulisan artikel adalah sebagai berikut:
Di sini adalah paragraf yang akan ditampilkan sebelum read more. Boleh satu atau dua paragraf.
<span class="fullpost">Di sini adalah tempat kamu menuliskan kelanjutan dari artikel setelah tulisan read more.
</span>Oke, selamat membuat read more di blogspot. Semoga berhasil dan tidak ada cacat. Kalau ada, ya tinggal diulangi saja dengan mencoba lagi.
Sumber : http://bangdel.blogspot.com/2009/07/cara-membuat-read-more-blog.html