Kode Membuat Auto Read More Thumbnail Tanpa Javascript

Posted by New Johny Wuss

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

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://lh3.googleusercontent.com/-RNvC560pQvc/VOiKCX7xzCI/AAAAAAAAG5w/RjE5NfbV0Sg/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://lh3.googleusercontent.com/-RNvC560pQvc/VOiKCX7xzCI/AAAAAAAAG5w/RjE5NfbV0Sg/s220-Ic42/tanpagambar.png
is default image yang bisa diganti dengan gambar sendiri. Muncul jika posting tanpa gambar.*

» Thanks for reading: Kode Membuat Auto Read More Thumbnail Tanpa Javascript
Previous
« Prev Post
CB Blogger
New Johny WussUpdated: October 15, 2015

1 comments:

  1. Berhasil gan.... tapi kok tampilannya nggak seperti yang punya agan ya?

    ReplyDelete

Follow & Get Update by Email

CB