Membuat Read More Otomatis

Berikut Mr. Yellows akan sharingkan cara membuat read more otomatis / Auto read more tanpa java script. Langsung saja kita intip cara Membuat Read More Otomatis tanpa java script :

Langkah pertama, ke Menu Template->Edit HTML jangan lupa centang Expand Template Widget nya.Cari kode <data:post.body/> gunakan ctr+F untuk memudahkan pencarian. Ganti 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>

Langkah berikutnya tambahkan sedikit sentuhan kode CSS, letakkan di atas kode </b:skin> berikut adalah kede yang perlu diletakkan


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


Selesai, simpan template dan lihat hasilnya. Selamat mencoba Membuat Read More Otomatis semoga berhasil. Sumber samsunnahri.blogspot.com