Menambahkan Tulisan READ MORE... Di Bawah Postingan

Untuk menampilkan hasil postingan 5 atau lebih sekaligus di halaman depan blogspot milik kita rasanya sangat panjang dan tentu saja akan menambah berat loading blog kita, mengingat apa yang telah kita tuliskan tersebut berbentuk hasil tulisan utuh, kecuali jika kamu menuliskan blospot kamu dengan tulisan yang pendek :D. Tapi dengan menampilkan potongan-potongan hasil postingan saja di halaman depan, kemudian memberikannya link balik ke arah postingan yang sesungguhnya, kita bisa menampilkan hasil postingan terbaru milik kita sesukanya tanpa takut untuk ukuran halaman depannya menjadi terlalu panjang.

1. Buka "Layout" blogger kamu, kemudian pilihlah "Edit HTML"
2. Centang tulisan cek box "Expand Widget Template"
3. Kemudian cari tulisan "<p><data:post.body/></p>"
4. Jika telah didapatkan, maka ganti tulisan tersebut dengan :

<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/></p>

<a expr:href='data:post.url'>READ MORE...</a>
</b:if>

Tulisan yang berwarna merah tersebut bisa kamu ganti dengan "Baca Selengkapnya..." atau apa sajalah terserah.

5. Simpan terlebih dahulu hasil edit tersebut
6. Pilih tab "Setting" kemudian Pilih menu "Formatting"
7. Pada kolom "Post Template isikan code berikut :

<span class="fullpost">

</span>

8. Simpan hasil ganti settingan.

9. Pilih tab "Posting". Untuk memposting, ada dua cara yaitu dengan "Compose" dan "Edit Html", pilih lah mode "Edit Html"
10. Pada mode ini kamu akan menemukan tulisan ini pada kolom tersebut :

<span class="fullpost">

</span>

Letakkan potongan posting yang akan ditampilkan di halaman depan (biasanya satu paragraph) diatas tulisan <span class="fullpost"> kemudian sisanya letakkan diatas tulisan </span>

Selamat memposting.