Cara Membuat Read More di Blogspot

Read more sangat membantu bagi blogger untuk mempersingkat posting blog agar tidak terlalu panjang blognya. Namun masih banyak yang belum mengetahui bagaimana cara membuatnya. apabila Anda termasuk salah satunya mungkin artikel ini akan membantu untuk memberikan pengetahuan bagaimana cara membuat read more di blogspot. langsung saja ke langkah-langkahnya :

1. Log in ke id Blogspot Anda
2. Buka menu Layout => Edit HTML
3. Kasih tanda centang pada "Expand Widget Templates"
4. Cari kode berikut, untuk lebih mudahnya pakai Ctrl+F

<data:post.body> atau <p><data:post.body></p>

5. Setelah ketemu, hapus kode tersebut dan ganti dengan kode berikut

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

6. Anda bisa mengganti Read More ... dengan Baca Selengkapnya atau yang lain
7. Jika sudah klik tombol Save Template
8. Selanjutnya masuk ke menu Settings => Formatting
9. Letakkan kode berikut ke Post Template

<span class="fullpost">

</span>

10. Klik Save Settings untuk menyimpannya

Agar Anda tidak salah meletakkan artikel yang mau dikasih read more, pastikan ketika posting memakai cara seperti ini
1. Ketika mau posting klik yang Edit Html jangan yang Compose
2. Letakkan bagian artikel yang mau ditampilkan dihalaman muka diatas kode ini

<span class="fullpost">

3. Letakkan bagian yang akan diletakkan setelah read more di antara kode berikut

<span class="fullpost">

</span>

4. Selamat mencoba

Semoga Bermanfaat ......