Cara Mengganti Read More dengan Gambar

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRpn_6_rHLIwAxDMjZR6lxsJrg-HQwkQuW5I7qz60uKkLk6QK7sWL8uR14eHDDM-yn_VqxYFFTJZ7fWdFUlieGgVPWUoNN8jyzwV0KkqqnPpO9bFWVM3r9A45QpEUcTAqRxGCJ9Vu6Khw/s1600/read+more.jpgCara Mengganti Read More dengan Gambar. Nah bagi sobat yang kebetulan juga ingin tahu bagaimana cara mengganti link read more menjadi icon gambar langsung saja ikuti tutorial berikut ini:

1. Pertama-tama, upload icon read more yang ingin anda gunakan ke situs image hosting. Setelah itu, catat alamat url gambarnya. Contoh https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQDzjpAhFaqQUcIo-6379iXhuwxZVP2DEc8cvSXsjcjEMjcUGYgDMvlHmXtQoelTdrsgNdX7HkyrdZTCElsr4aMtfbBjMDjHKgYlKaYV364Q8ptFHXeB-wYxm3Km6YbG9KkyHUq1CSlbbO/

2. Login ke Blogger. Klik Design->Edit HTML
3. Beri centang pada 'Expand Widgets Templates'
4. Cari kode seperti ini

<span id='showlink'>
<a expr:href='data:post.url'>teks read more anda</a>
</span>
5. Ganti tulisan yang dicetak tebal dengan kode berikut

<img src="alamat-gambar-anda" />
Ingat, ganti teks berwarna merah dengan alamat url gambar anda yang sebenarnya.

jadinya seperti ini.

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQDzjpAhFaqQUcIo-6379iXhuwxZVP2DEc8cvSXsjcjEMjcUGYgDMvlHmXtQoelTdrsgNdX7HkyrdZTCElsr4aMtfbBjMDjHKgYlKaYV364Q8ptFHXeB-wYxm3Km6YbG9KkyHUq1CSlbbO/" />


6. Jika sudah, klik tombol Save. Selesai. Mudahkan? :)

Selamat mencoba. Mengganti Read More dengan Gambar Semoga bermanfaat.