Cara Membuat Auto Read More Tanpa Java Script itulah judul yang saya angkat sebagai judul postingan kali ini. Sebelumnya saya sudah pernah posting mengenai Tips Cara Mengatur Postingan Pada Halaman Blog, itu juga masih ada keterkaitannya dengan Readmore. Nah langsung saja tanpa harus banyak bertele-tele begini caranya :

1.Login Blogger
2.Design/Tata Letak
3.Edit HTML
4.Centang Expand Template Widget
5.Tekan CTRL + F carai kode <data:post.body/>
6 Ganti Kode diatas dengan kode dibawah ini :

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.snippet'>
<b:if cond='data:post.thumbnailUrl'>
<div class='Image thumb'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</b:if>
<data:post.snippet/>
<b:if cond='data:post.jumpLink != data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>


7.Selanjutny cari kode </b:skin>
8.Letakkan kode dibawah ini sebelum atau diatas kode </b:skin>


thumb img {float: left; margin: 0 10px 5px 0;}.


9.Save template


   Alhamdulillah sudah selesai, sekarang tinggal anda yang terapkan Cara Membuat Auto Read More Tanpa Java Script, Semoga bermanfaat untuk anda sekalian. Salam Blogger!!