How to add read more

Suka sebel khan kalo liat halaman dpn blog yang panjaaaaaaaaaanngg banget.... Klo menurutku sih kurang nyaman dibaca dan jadi ga menarik klo kayak gitu. Sayang khan klo sebenernya ide tulisannya bagus tapi gara2 kesan pertama udah ga menarik jadi ga da yang baca...

So, how to add read more in your blog, just follow the steps below :


#1 Log in ke Blogger.com account
#2 Go to "Layout" section --> Edit HTML
#3 Back up template yang ada sekarang, dengan menyalinnya di notepad atau text editor lainnya.
#4 Klik "Expand Widget Templates"
#5 Temukan kode berikut - ]]></b:skin>, gunakan CTRL+F untuk memudahkan pencarian
#6 Tepat setelah kode di atas, tambahkan baris kode di bawah ini :

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

#7 Kemudian, cari kode berikut : <data:post.body/>
#8 Tepat setelah kode di atas, tambahkan baris kode di bawah ini :

<!--READ-MORE-STARTS--><b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>Read More!</a>
</b:if><!--READ-MORE-STOPS-->

Jika semua langkah di atas sudah beres, go to Settings --> Formatting.
Scroll terus sampai menemukan "Post Template". Kemudian tulis :
<span class="fullpost">
</span>Kode di atas akan muncul setiap kita menulis postingan baru.
Jadi ga perlu nulis tiap kali bikin postingan baru.

Hasilnya akan seperti ini :

Ok, hope it helps dan selamat mencoba!!