Tutorial Membuat ReadMore pada Blog

Tutorial blog kali ini akan membahas cara untuk membuat read more. Read more sangat membantu bagi blogger untuk mempersingkat posting blog agar tidak terlalu panjang blognya ini agar mengurangi panjang tampilan blog kita. Namun masih banyak yang belum mengetahui bagaimana cara membuatnya. Nach sekarang saya akan membagi tutorial untuk membuat read more pada blog. 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
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 tutorial blog kali ini bermanfaat!!!

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest