Membuat Read More (2)

22.41 Blogging 0 Comments

Pada postingan sebelumnya saya pernah berbagi tentang cara membuat read more sederhana. Nah, kali ini saya akan memberikan cara membuat read more yang kurang sederhana. Intinya sama-sama Read More, yang beda cuma tampilannya aja. Berikut ini cara membuatnya

1. Masuk ke akun blogger anda
2. Klik menu layout / rancangan, lalu pilih edit HTML
3. Download dulu template anda, sebagai tindakan jaga-jaga

4. Centang kotak Expand Template Widget
5. Cari tag  ]]></b:skin> lalu masukkan kode berikut ini tepat dibawah tag tersebut


<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

6. Setelah itu masukkan kode dibawah ini setelah tag <data:post.body/> , sebelum tag <div style='clear: both;'/>




( Read More bisa diganti sesuai dengan keinginan anda, misalnya diganti menjadi Baca Selengkapnya )


7. Save Template
8. Buka Menu setting / setelan, pilih sub menu format
9. Masukkan kode seperti pada gambar di kotak templat entri

postingan yang akan diringkas hanya

sedikit saja. untuk itu postingan akan

saya cukupkan disini saja

ini bagian posting yang akan terlihat jika read 

more di klik