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


Previous
Next Post »

3 komentar

Write komentar
Anonim
AUTHOR
2 November 2009 14.43 delete

lagi-lagi tulisaannya warna gelap ditiban warna kuning bikin makin ga jelas bos tuh tulisan lu

Reply
avatar
23 November 2012 16.31 delete

sory gan, bs bantu sy ya, sy mau pasang gadget dibawah artikel, dimana setiap dbawah artikel ada rekomendasikan ke Twitter, facebook, Google+, yg fungsinya utk bs merekomendasikan artikel yg kt buat web2 jejaring sosial sprti diatas, sy nggk tau kode HTML nya gan, please bantu sy ya...kirim ke email:biru.abbiye@gmail.com tank's bgt sblumnya...

Reply
avatar