Sabtu, 01 Februari 2014
Auto Read More Tanpa Javascript ini memanfaatkan fungsi HTML pada blogger yaitu markup
Langkah pertama jika anda belum memasang auto read more yang lain adalah cari kode ini :
<data:post.body/>
Cukup ganti kode di atas dengan kode dibawah ini :
<b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:post.thumbnailUrl'> <!--tampilkan gambar thumbnail --> <a expr:href='data:post.url'> <img class='post-thumbnail' alt='thumbnail' expr:src='data:post.thumbnailUrl'/> </a> <b:else/> <!--tampilkan gambar dafault jika tidak ada gambar thumbnail --> <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='isi-ringkasan'> <data:post.snippet/> <!--ringkasan artikel --> </div> <div class='tombol-readmore'> <a class='button' expr:href='data:post.url'>Baca Selengkapnya</a> </div> </b:if> </b:if> <b:if cond='data:blog.pageType == "item"'> <data:post.body/> </b:if> <b:if cond='data:blog.pageType == "static_page"'> <data:post.body/> </b:if> <!-- untuk dibawah <data:post.body/> -->
Namun jika anda telah memakai Auto Read More cukup ganti :
dengan ini:
<div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
dengan ini:
<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='isi-ringkasan'><data:post.snippet/></div>
agar tampilan lebih baik tambahkan css di bawah ini :
.isi-ringkasan { width:72px; height:72px; float:left; Align: justify; margin:2px 10px 0 0; }
.tombol-readmore {float:right;}
Simpan dan beres.
wah bagus nih artikelnya :)
BalasHapusthanks yo !
BalasHapus