Mengganti Kata 'Selengkapnya' Dengan Gambar

Kata 'Selengkapnya' bisa muncul kalo pake tag <!-- more --> di dalem posting yang hasilnya bisa dilihat pada gambar di bawah.

Supaya bisa diganti dengan gambar maka kode HTML-nya mesti ganti menjadi:

<b:if cond='data:post.hasJumpLink'>
    <div class='jump-link'>
        <a expr:href='data:post.url' expr:title='data:post.title'><img alt='Gambar Posting' expr:src='data:post.firstImageUrl' itemprop='image_url'/></a>
    </div>
</b:if>

Sedangkan CSS yang juga mesti dipasang adalah:

/* Gambar Jump Link Responsif */
.jump-link img {
    max-width: 100%;
    height: auto;
}