Mengubah Tulisan Read More Menjadi Gambar

Hai reader(s)..

Lagi lagi aku akan share tutorial nih.

Kali ini aku mau kasih tau cara change readmore to image.

Seperti gambar di atas!

Yuk langsung saja follow me step by step.

 Login ke akun blog kamu atau klik disini!

 Dashboard > Template > Edit HTML

 Cari kode di bawah ini dengan menggunakan CTRL+F

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

 Di bawahnya kan pasti ada kode 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'><data:post.jumpText/></a></div>
</b:if>

 Gantikan kode yang di bold dengan kode di bawah ini!

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

 Maka akan terlihat 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'><img src='URL GAMBAR READ MORE'/></a></div>
</b:if>

 Save dan lihat hasilnya!

[sumber: Tiara]

note:

Ini aku share beberapa button read more!

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvTwQUILBdac-rNqdLzMImO4mUj8lPVzt8HwBEPI8yXgaGUZM3cquoi0uArmG6B7A07k3WzVFBMkcEW8xmBzwZVdWKDdUnQ6mTTRnOKEwPe6HTM9UBBn75I1UjVK8BX3dgC7vRSwoVnrTr/s1600/readmore1.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuMt1QU0tbY1TxnZyXs6ZdX86pCbX_M1sc2mJOUCAUwxCncihFZoLFC7ukYs-zhAsRQqIG0TsC-L0BLf7Cm6qFz8OMgSJwAwMv1bxkVl4wYNcXHE5oUZhMXZhvwegALJd_R4qV9QDQ_SJD/s1600/readmore2.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHx-q2XL8jlD5wHLlitD-Ql_Ve3SHJygUNGw1EFQjYYmce7gJN0cUOasTDwMlBE9tujVgbRtCT6VVch_Wg4NlSBZ4dvQGxHTT3KOEY5A2jcjzF7l1snpcXoYkQ15H8VwRZatX4zXxBgaGk/s1600/readmore3.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaQhx-Ph3dQ2WDRiVYpe5RohtNlYpfLphD1Ig55BBIG5FL56sM4PS3D4xK16P17i3GawSF2JhGVHMUVJPfF0Cu1QS4hSbEWfzmkl4weETR3UfhLF2uIGZFt_nk134P-Ba8o4tOUZTyAu7n/s1600/readmore4.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcWNshwzM4kuiu3osFJJhd-gxefSfCtVvpZoCr9kTHdeGv6t_yiR_chaPt9XpKmqRKQoxydxYASIjAooGmeIz1bLLxj6LD_0GYcK3Hl4IMh-AFJ2Po61M0qPvTvCvcgBPUldtS_wanM6Z8/s1600/readmore5.png

Mau lebih cute, silahkan edit sendiri dari photoshop yaa 

SELAMAT MENCOBA!

---

Terimakasih sudah membaca , Tinggalkan komentarnya juga ya

---