[Cerita Blog] Membuat Readmore Pada Posting Blogger

 

Bagaimanakah cara membuat readmore pada posting Blogger? Jangan khawatir, setiap masalah selalu ada jalan keluarnya. Ikutilah cara-caranya di bawah ini:

1. Masuk ke Tata Letak - Edit HTML.

2. Kasih tanda cek (centang) pada cekbox "expand widget template"

3. Cari kode ini di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode html) :

<div class='post-body entry-content'>
kalo ketemu maka dibawahnya ada kode ini :
<p><data:post.body/></p>

4. Kalau sudah ketemu, hapus kode yang ini <p><data:post.body/></p>
diganti dengan yang seperti 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/></p>

<a expr:href='data:post.url'>Read More......</a>
</b:if>

Tulisan "Read More....." itu bisa diubah, misalnya jadi "Baca Selengkapnya".

5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:
<span class="fullpost">

</span>

8. Kemudian Simpan.

9. Ketika memposting, disana ada 2 tab pilihan, yang "Compose" dan "Edit Html", pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :
<span class="fullpost">

</span>
10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalaman utama (sebelum tulisan "Readmore") diatas kode ini : <span class="fullpost">
sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>

11. Selesai. Silakan periksa hasilnya.

Penting untuk diketahui, sebelum melakukan hal ini, langkah pertama adalah anda harus mengupload template anda ini ke komputer terlebih dahulu. Hal ini dilakukan demi menjaga terjadinya kesalahan pada pengeditan template tersebut.

Good Luck !!!