Tutorial Mengubah Tulisan Readmore Menjadi Gambar

Hai! Akhirnya bisa update tutorial lagi -___-" . Oke, langsung aja yuk!

credit: Gifta

Caranya:

1) Buka blogger

2) Pilih menu Tema

3) Klik Edit HTML

4) Cari kode ini:

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

5) Nah di sekitar kode itu ada kode 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 

6) Ubah kode yang dibold itu dengan kode di bawah ini:

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

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

8) Simpan jika berhasil!