Auto ReadMore dengan Gambar tanpa Javascript

Auto ReadMore dengan Gambar Tanpa Javascript - Dengan membuat auto readmore tanpa JavaScript ini, load halaman akan lebih ringan, dibanding dengan penggunaan javascript.readmore

Cari kode <data:post.body/> yang ke 2 atau 3 atau ke 4, ganti dengan kode ini

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.snippet'>
<b:if cond='data:post.thumbnailUrl'>
<div class='Image thumb'>
<a expr:href='data:post.url' expr:title='data:post.title'><img alt='thumbnail' class='post-thumbnail' expr:src='data:post.thumbnailUrl'/></a>
</div>
<b:else/>
    <a expr:href='data:post.url' expr:title='data:post.title'><img alt='thumbnail' class='post-thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0_TkB6-kb8yyi1o4M9axYswmyty2wYqp2zZhCpr1uWXJnhIunCKlB4ssLsLW6RX9-QezzEn8CZBmDk24lWJyQkR02aS-z0jkBnRTM31sCO488IGRWOjX1trO0-FNFBzq8z2xPGDteOcwO/s0/no-image.png'/></a>
</b:if>
<data:post.snippet/>
<b:if cond='data:post.jumpLink != data:post.hasJumpLink'>
<div class='jump-link' style='float:right'>
<a expr:href='data:post.url' expr:title='data:post.title'>Readmore &#187;</a>
</div></b:if><b:else/>
<data:post.body/></b:if><b:else/>
<data:post.body/></b:if></b:if>

Untuk kostumisasi thumbnail, simpan kode ini di atas ]]></b:skin> atau </style>

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

0 komentar:

Posting Komentar