Setiap postingan baru pasti akan ditampilkan pada halaman utama blog kita. Tapi jika postingan itu terlalu panjang maka akan membuat penuh halaman utama, dan itu sangat tidak efisien Maka sebaiknya kita hanya perlu membuat pembuka dari postingan tersebut. Lalu gimana cara mengatasinya? Mudah sekali, kita cukup membuat link read more atau baca selengkapnya.
1.Pilih Layout > Edit HTML, lalu centang Expand Widget Templates. (Jangan lupa backup template sebelum mengeditnya)
2.Cari kode ]]></b:skin>, paste kode berikut dibawahnya:
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
3. Selanjutnya cari kode <p><data:post.body/></p>, paste kode berikut dibawahnya:
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>
4.Tulisan Read More… bisa anda ganti dengan sesuai keinginan.
Bila langkah 2 – 3 tidak menghasilkan apa-apa, itu karena perbedaan karakteristik setiap template.
Solusinya:
* Cari kode <div class='post-header-line-1'/> <div class='post-body'>, paste kode berikut dibawahnya:
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
* Selanjutnya, cari kode <<p><data:post.body/></p>, paste kode berikut dibawahnya:
<a expr:href='data:post.url'>Readmore..</a>
</b:if>
5. Klik Save Template
6. Sekarang pilih menu Setting > Formatting
7. Scroll ke bawah dan temukan kotak Post Template, lalu paste kode berikut kedalamnya:
<span class="fullpost">
</span>
8. Klik Save Settings
9. Letakkan pembuka atau prolog postingan anda sebelum kode <span class="fullpost">, dan sisanya letakkan di antara <span class="fullpost"> dan </span>. Ini tahap yang paling penting.