Membuat Read More Otomatis Tanpa Kode Javascript

 

1. Masuk ke akun blogger.
2. Pilih  Template
3. Pilih Edit HTML  > centang expland template widget.
4. Cari kode <data:post.body/> Ketrangan:Jika ada lebih dari 1 (satu) kode <data:post.body/> , pilih yang pertama. 
5. Ganti dengan kode di bawah ini;
   
   
   <b:if cond='data:blog.pageType != "item"'><br />
   <b:if cond='data:post.snippet'><br />
   <b:if cond='data:post.thumbnailUrl'><br />
   <div class='Image thumb'>
   <img expr:src='data:post.thumbnailUrl'/><br />
   </div>
   </b:if><br />
   <br />
   <data:post.snippet/><br />
   <b:if cond='data:post.jumpLink != data:post.hasJumpLink'><br />
   <div class='jump-link'>
   <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a><br />
   </div>
   </b:if><br />
   <br />
   <b:else/><br />
   <data:post.body/><br />
   </b:if><br />
   <b:else/><br />
   <data:post.body/><br />
   </b:if>
   
6. Untuk tampilan di blognya silakan masukkan kode css di bawah ini, tepat diatas kode ]]></b:skin> 
   thumb img {float: left; margin: 0 10px 5px 0;}
   
7. Simpan Template