Kode Membuat Auto Read More Thumbnail Tanpa Javascript

CB Blogger | October 15, 2015

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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWHrw6UdV3Mpw_j0iY0zHTU4IP8maDdSFS8ENTs8G7D8QIgn4-hFxZ0ybnZ43PJRrl1cGhBRmZ0hQqhQOs9jC3W9a-5PRzlYXr0sBliUgCvz78tVHh7z1tG99BpkqU8tIVitM1cnaVvUgN/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/AVvXsEiWHrw6UdV3Mpw_j0iY0zHTU4IP8maDdSFS8ENTs8G7D8QIgn4-hFxZ0ybnZ43PJRrl1cGhBRmZ0hQqhQOs9jC3W9a-5PRzlYXr0sBliUgCvz78tVHh7z1tG99BpkqU8tIVitM1cnaVvUgN/s220-Ic42/tanpagambar.png
is default image yang bisa diganti dengan gambar sendiri. Muncul jika posting tanpa gambar.*

Previous
« Prev Post

Related Posts

1 komentar on Kode Membuat Auto Read More Thumbnail Tanpa Javascript

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

    ReplyDelete

 
Copyright © 2020. New Johny Wuss - All Rights Reserved
Template by CB Blogger & Maskolis