Cara Membuat Read More Singkat Pada Blog

untuk anda yang ingin tahu ceritanya langsung pergi ke TKP,

1. Langkah pertama masuk ke akun blogger.
2. Pastikan sobat sudah membackup template sobat.
3. Buka dasbor blog > Template/edit HTML> centang expland template widget.
4. Cari kode <data:post.body/>

kemudian ganti dengan kode di bawah 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>

Jika ada lebih dari 1 (satu) kode <data:post.body/> , pilih yang pertama. 


4. 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;}