Posting Auto Read-More Tanpa JavaScript

Cara Membuat Auto readmore Halaman Depan Blog Fast Loading tanpa Javascript

TEMPLATE ini menggunakan kode Posting Auto Read-More Tanpa JavaScript yang dishare oleh DTE.

Semula, auto read more-nya menggunakan Javascript dan scrip resize image thumbnail (mengubah ukuran gambar thumbnail).

Kode Posting Auto Read-More Tanpa JavaScript

KODE CSS

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

KODE HTML

<b:if cond='data:post.thumbnailUrl'> <a expr:href='data:post.url'><img class='post-thumbnail' alt='thumbnail' expr:src='data:post.thumbnailUrl'/></a> <b:else/> <a expr:href='data:post.url'><img class='post-thumbnail' alt='thumbnail' src='http://reader-download.googlecode.com/svn/trunk/images/no-image-72x72.png'/></a> </b:if> <div class='post-snippet'><data:post.snippet/></div>

Jika masih berupa postingan penuh di halaman depan, ganti kode

<data:post.body/>

dengan

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:post.thumbnailUrl'> <a expr:href='data:post.url'><img class='post-thumbnail' alt='thumbnail' expr:src='data:post.thumbnailUrl'/></a> <b:else/> <a expr:href='data:post.url'><img class='post-thumbnail' alt='thumbnail' src='http://reader-download.googlecode.com/svn/trunk/images/no-image-72x72.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>

Save Template!