Menu Readmore Yang Lain

Menu Readmore yang kedua ini dengan menggunakan javascript sehingga kita tidak perlu membagi lagi setiap postingan menjadi dua atau tiga bagian, dan akan bekerja secara otomatis, tapi tampilan dihalamam utamanya kurang memuaskan karena tampilannya seperti tampilan pada RSS.

Langkah kerja:

1. Masuk ke Blogger Dasbor
2. Klik pada: Tata Letak
3. Klik pada: Edit HTML
4. Klik pada: Expand Template Widget
5. Kemudian lihat pada script, copy paste script ke editor atau bila tidak ada bisa menggunakan Notepad
6. Untuk lebih amannya buat backup dari script awal, agar nanti bila terjadi error bisa kembali ke awal.
7. Masukkan Script Dibawah ini tepat diatas Tag </Head> (penutup bagian Head)


Bila script tidak muncul,klik disini untuk melihat script


8. Kemudian cari <data:post.body/> dengan menu find yang tersedia di notepad

script awal:

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

9. Ganti dengan script dibawah ini:

<div class='post-body entry-content'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>

</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

10. Selesai