Thursday 29 June 2017

Membuat Read More Menjadi Gambar

Nulis tepat jam 12 malam XD Kali ini Lalis bawa tutorial cara membuat read more menjadi gambar. Jadi tulisan read more nya itu pakai gambar. Lebih jelasnya bisa kalian lihat contohya di bawah ini.

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

  • Use Ctrl + F untuk memudahkan pencarian kode XD
  •  Kalau kodenya sudah ketemu, penampakan kode dan kode di bawahnya pasti seperti di bawah 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>

  • Gantikan kode yang di blod dengan kode di bawah ini
<img src='Url Gambar Read More'/>

  •  Maka penampakannya akan jadi seperti 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'><img src='Url Gambar Read More'/></a></div>    </b:if>

  • Jangan lupa untuk gantikan kode yang berwarna Merah dengan Url Gambar Read More-nya ya!
  • Kalau sudah semua, Save Template!
Sekarang tombol Read More kalian sudah berupa gambar. Keren kaaann??? If unsuccessful, ask me in comment XD Free repost, but don't forget to credit name and my link blog! Thankseuu

No comments:

Post a Comment