Cara Buat Read More di Blogger Blogspot

Assalamualaikum Wr.Wb
Cara Buat Read More di Blogger Blogspot.

1. Buka template -> Edit HTML -> Kasih tanda tik pada menu "expand widget tempate"

2. Letakkan kode berikut persis di atasnya kode </head>

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

3. Letakkan kode berikut di bawah kode <p><data:post.body/></p>

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>

*Kata Read More bisa diganti sesuai keinginan kamu .

4. Klik Simpan Template. Selesai.

5. Klik tab Setting atau Pengaturan, lalu klik Formating atau Format. Di paling bawah ada kotak kosong di samping menu Templat Entri. Isi kotak kosong itu dengan kode berikut:

<span class="fullpost">

</span>

Jangan lupa klik Simpan setelan.

Cara Memposting
Ketika memposting, klik Edit HTML (bukan Compose). Maka, secara otomatis akan tampak kode

<span class="fullpost">
</span>

Letakkan posting yg akan ditampilkan di halaman muka di atas kode <span class="fullpost">
sementara sisanya letakkan di antara kode
<span class="fullpost"> dan </span>

Masalah yang Sering Dihadapi

1. Saat mengklik "Simpan Perubahan" kita sering mendapat pesan demikian:

    XML error message: The element type “style” must be terminated by the matching end-tag “”.

Jangan panik. Itu artinya tanda petik / kutip buka tutup (quote/unquote) yakni tanda [ ' ] dalam kode tidak cocok dengan font template. Yang perlu dilakukan adalah buang tanda kutip [ ' ] itu dan kasih tanda kutip yang baru di tempat yang sama. Dan coba klik simpan lagi .

2. Kamu sudah berhasil memasang seluruh kode di atas, tetapi ‘read more’ tidak berhasil, posting tetap panjang, dan tulisan ‘read more’ muncul di bagian bawah artikel.
Ikuti solusi berikut: klik “Pengaturan” -> klik “Format” -> buang/delete semua tanda kutip buka/tutup (quote/unquote) di “fullpost” dan ganti dengan tanda kutip yang baru. Jangan lupa klik “Simpan”.
Selesai.