Readmore Dan Thumbnail Blogspot

Auto readmore dan thumbnail pada blogger yang banyak digunakan saat ini adalah versi javascript karena mudah dan fleksibel dalam pengaturan ukuran gambar dan jumlah karakter huruf. Auto readmore dan thumbnail tanpa javascript hanya mampu memberikan ukuran gambar 72px x 72px dan karakter huruf yang singkat sesuai dengan data:post.snippet yang tercantum dalam pendataan blogger.

this picture is taken from: wikipedia

Untuk membuat auto readmore tanpa javascript pada blogger ini, dapat digunakan cara:

Temukan <data:post.body/> dan timpa dengan:

<!-- start excerpt and thumbnail without javascript -->
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
        <data:post.body/>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <data:post.body/>
    <b:else/>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:post.thumbnailUrl'>
            <a expr:href='data:post.url' expr:title='data:post.title' rel='bookmark'><img class='post-thumbnail' style='float:left;margin-right:10px' expr:alt='data:post.title' expr:title='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/></a>
    <b:else/>
            <a expr:href='data:post.url' expr:title='data:post.title' rel='bookmark'><img class='post-thumbnail' style='float:left;margin-right:10px' expr:alt='data:post.title' expr:title='data:post.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9Y3G5M81KwOcwaAupHqdkPy19d5WGTix2NnFC6Zd065xrRPn9uuUFsCbHbUSZhRj4S_tNui6mbA_ZaE9Ie9auwwE7KoGeXCzl6lqrvhFI6TGKs6Pf7CvMSlGiDCyMpUrnbsVMPfJ9o8GF/s1600/no-image-available.jpg' width='72px' height='72px'/></a>
    </b:if>
    <div class='post-snippet'><data:post.snippet/></div>
            <a expr:href='data:post.url' expr:title='data:post.title' rel='bookmark'> Readmore &#187;</a>
    <div style='clear: both;'/>
    </b:if>
    </b:if>
    </b:if>
<!-- end excerpt and thumbnail without javascript -->