Wednesday, 14 June 2017

Mengganti Tombol Read More Menjadi Gambar

mengganti tombol read more

Assalamu'alaikum!
How r u guysss? Hope y'all doing fine! Kali ini aku mau share cara ganti tombol read more (baca selengkapnya) menjadi sebuah gambar. Contohnya seperti gambar diatas. Penasaran gimana caranyaa? yukk ikutin langkah-langkahnya ^^

Warning : This tutorial doesn't work on classic template.
  • Masuk ke dashboard lalu ke Template > Edit HTML
  • Cari kode ini
<div class='jump-link'>
  • Nanti kamu bakal nemu kode ini
<div class='jump-link'><a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a></div>
  • Kamu ganti kode yang berwarna ungu itu dengan kode ini
<img src="YOUR IMAGE URL" width="110"/>
  • Setelah itu, ganti juga kode yang berwarna biru dengan url/link gambar tombol read more kesukaan kamu.
  • Ganti juga kode berwarna hijau sesuai selera kalau tombolnya kebesaran atau kekecilan.
  • Preview dulu yaa sebelum kamu save.
Gimanaa? udah dicoba belum? Kalo kamu udah coba dan ternyata ga berhasil, komen aja problemnya ada dimana, nanti Insha Allah aku cari jalan keluarnya. Okayyy? Untuk freebies read more button-nya coming soon yaaaa.


No comments:

 
Copyright © 2013-2017 By Anugerah Mullia Ulfa Salsabella. All Rights Reserved.