Kode Membuat Auto Read More Thumbnail Tanpa Javascript

Blogger Tips: Cara Membuat Auto Read More Thumbnail Fast Loading Tanpa Javascript. 

KODE CSS
Simpan di atas kode ]]></b:skin> atau </style>
.thumbnail-post { width:100px; height:100px; float:left; margin:0px 10px 0px 0px; }

HTML SCRIPT

Ganti kode <data:post.body/> yang ke-2 atau ke-3

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:post.firstImageUrl'> <a expr:href='data:post.url'><img class='thumbnail-post' expr:title='data:post.title' expr:src='data:post.firstImageUrl'/></a> <b:else/> <a expr:href='data:post.url'><img class='thumbnail-post' expr:title='data:post.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdL_0hkMLOTOVEpVIgvbzRQrizuotx5Ur7KyiI-LZwe5ko4EtS7Uf5eqbYk48ACca8g4FYlJueIa4ucOxMecf0O-0xTYydMEOfmt_uRaofhwBeZRuEurp5_5ppAB4EJHvYuDlpw4IBQWwQ/s220-Ic42/tanpagambar.png'/></a> </b:if> <div class='post-snippet'> <data:post.snippet/> </div> <div class='rm-button-wrap'> <a class='button' expr:href='data:post.url'>Baca Selengkapnya</a> </div> </b:if> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <data:post.body/> </b:if> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <data:post.body/> </b:if>

Note!

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdL_0hkMLOTOVEpVIgvbzRQrizuotx5Ur7KyiI-LZwe5ko4EtS7Uf5eqbYk48ACca8g4FYlJueIa4ucOxMecf0O-0xTYydMEOfmt_uRaofhwBeZRuEurp5_5ppAB4EJHvYuDlpw4IBQWwQ/s220-Ic42/tanpagambar.png

is default image yang bisa diganti dengan gambar sendiri. Muncul jika posting tanpa gambar.*