Tuesday, June 9, 2015

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

There are 1 comment.
Please post another comment..

  1. gifta, aku kalo masuk edit html nya gak bisa.. error gitu.. gimana ya?!

    ReplyDelete