Readmore adalah salah satu cara di blog untuk mengompres tampilan awal blog kita ketika dibuka. Gunanya tentu saja untuk meminimalis tampilan awal, juga agar tampilan blog kita lebih rapih dan membuat orang penasaran untuk melihat lebih lanjut. Readmore ada 2, yang 1 auto readmore, yang 1 lagi readmore dibuat sesuai keinginan kita. Maksudnya kita sendiri yang memilih berapa kata yang akan ditampilkan dan ditutup dalam readmore. So, tanpa banyak basa basi lagi, inilah caranya membuat readmore non otomatis.
- Buka Blogger
- Masuk ke Account Blog anda
- Masuk ke Design, di template klik Edit HTML (blog yang saya gunakan adalah blog tampilan terbaru)
- Klik aja Proceed
- Centang Expand Widget Templates
- Cari tulisan </head> (agar lebih mudah tekan Ctrl+F untuk membuka Find, dan copy kata tersebut untuk dicari). Setelah ketemu, copy script dibawah tepat sebelum kode </head>
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
- Sudah? Kalo sudah sekarang cari kode <p><data:post.body/></p>, kalo gak ketemu, hapus saja <p> dan </p> nya, karena pada beberapa template berbeda-beda element nya. Kalau sudah ketemu, taruh script ini tepat dibawahnya (gunanya agar postingan dapat terpotong nantinya)
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>
- Sudah? Kalau sudah disave dulu. Nah, masih di Design, sekarang masuk ke Settings > Post and Comments, liat Post Template? Copy dan pastekan kode ini didalamnya,
<span class= "fullpost">
</span>
Setelah semua langkah dilakukan, sekarang coba kalian bikin new post, maka akan ada kode <span class="fullpost"> dan </span>, agar tulisannya terpotong, taruh tulisan yang mau ditampilkan sebelum kode <span class="fullpost"> dan taruh tulisan yang mau dipotong setelah kode tersebut yang diakhiri kode </span> tadi. Selamat mencoba :)
NB : Buat yang sudah menggunakan Trik ini, belum berlaku pada postingan-postingan sebelumnya, maka harus di publish ulang dengan memindahkan postingan yang mau ditampilkan sebelum <span class="fullpost"> dan sisanya setelah kode tersebut dengan diakhiri </span>
Sumber Membuat Readmore
Eh ternyata trik Read More ada yang lebih mudah lagi :D
Caranya disini
