Membuat Baca Selanjutnya Versi 2

Ada bloggers baru yang merungut pada penulis bahawa tutorial membuat baca selanjutnya yang penulis ajar sebelum ini terlalu rumit. Untuk itu, kali ini penulis akan mengajar tutorial membuat baca selanjutnya yang ringkas. Anda boleh memasukkannya ke dalam blog dengan mudah. Tidak perlu pening kepala memikirkan kod yang payah.


1. Login ke Blogspot.

2. Pilih Layout - Edit HTML (Tanda kotak Expand Widget).

3. Download Full Template sebelum mengedit blog.

4. Cari <data:post.body/> atau <p><data:post.body/></p> dan gantikan dengan kod dibawah.

<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'>Baca Selanjutnya..</a>
</b:if>
5. Save template.

6. Sekarang pergi pula ke Settings - Formatting.

7. Masukkan kod di bawah ini ke dalam Post Template.

Taip di sini untuk bahagian paparan ringkas.
<div class="fullpost">
Selanjutnya taip di sini untuk paparan penuh.
</div>
8. Save settings.

Untuk mencubanya, anda mulakan topik baru dengan menggunakan mod Edit HTML sewaktu menulis. Jika kod yang sama seperti di atas berada di dalam kotak, maknanya anda sudah berjaya membuat baca selanjutnya. Selamat mencuba. Semoga sukses.

Via : Jovie