Auto Readmore Tanpa Javascript di Blogger

3/02/2016
Auto Readmore ini tidak menggunakan kode Javascript. Keuntungannya adalah loading yang lebih cepat ketimbang menggunakan Javascript. Snippet ini merupakan Auto Readmore dengan thumbnail berukuran 72px x 72px. Sebenarnya bisa saja Anda tidak menggunakan CSS untuk gambar thumbnail, karena sudah diatur oleh komponen tag HTML height dan width.

1. Login ke Blogger Dashboard >> Klik seksi Template >> Klik Edit HTML
2. Klik pada editor template lalu tekan Ctrl+F untuk mencari kode berikut <b/:skin> tepat diatasnya paste kode berikut

.post-thumbnail {
  width:150px;
  height:150px;
  float:left;
  margin:2px 15px 15px 0;
}

2. Tekan Ctrl+F untuk mencari kode berikut <data:post.body/> ganti kode tersebut dengan kode berikut ini.

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='150px' height='150px'/>
</b:if>
<data:post.snippet/>
</div>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>

3. Simpan template Anda.

Oleh: Bang Jonie