Tutorial : Read More with Image

Hai, Aza request lagi, nih! Kali ini dia tanya caranya ganti read more dengan gambar ... Oke, langsung, ya!

1. Ke Blogger >> Dash. >> Template >> Edit HTML
2. Cari kode ini

<b:if cond='data:post.hasJumpLink'>

3. Nah, 'disekitar' kode itu ada yang seperti ini, kan?

<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
    </b:if>

NB: Kalau tidak ada yang seperti itu, cari saja kode yang mirip dengan kode yang dibold (<data:post.jumpText/>), tapi yang letaknya 'disekitar' kode yang kamu cari tadi
4. Ubah kode yang dibold itu dengan kode di bawah ini:

<img src='URL GAMBAR READ MORE'/>

5. Kira-kira, jadinya kayak gini:

<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><img src='URL GAMBAR READ MORE'/></a>
      </div>
    </b:if>

6. Kalau berhasil, save!

Ada yang gak paham / gak berhasil? Tanya aja di komentar, ya