Tutorial Mengganti Read More dengan Gambar

Tadi dapet request dari Rara tentang cara mengubah read more menjadi gambar. Mumpung aku libur, here we go.
1. Login Blogger >> Template >> Edit Html
2. Cari kode ini : <b:if cond='data:post.hasJumpLink'>
3. Di bawahnya ada kode ini :

<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>

4. Yang dibold warna biru ganti aja sama kode ini :
<img src='URL GAMBAR READ MORE'/>
5. Nanti jadinya begini :

<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. Preview >> Save

Note : URL Gambar bisa cari di Google, atau kamu buat aja sendiri di Photoshop :)

bigthanks : Chiaki