Auto Readmore di Blog

Assalamualaikum Wr. Wb.

Hai, Sobat Blogger? Menunggu jam belajar saya akan sedikit memberi ilmu, sudah tidak asing lagi bagi para sobat blogger, tapi tak ada salahnya saya mengingatkan dan menshare lagi, yaitu tentang Auto Readmore di Blog.

Oke langsung saja,
1. Login Ke Blogger.com.
2. Klik Rancangan>> Edit HTML>> Expand Template Widget.
3. Cari kode seperti dibawah ini:

<data:post.body />

4. Ganti dengan kode dibawah ini:

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<br/>
<data:post.body/>
<b:else/><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></b:if>

5. Simpan Template.

Biar bagus tampilannya, tambahin deh kode CSS seperti di bawah ini:

Taruh sebelum kode </b:skin>

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

Related Post