Auto Readmore di Blog

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

Anda sedang membaca artikel tentang Auto Readmore di Blog dan anda bisa menemukan artikel Auto Readmore di Blog ini dengan url http://bmcyber.blogspot.com/2012/04/auto-readmore-di-blog.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Auto Readmore di Blog ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Auto Readmore di Blog sebagai sumbernya.