Cara Membuat Read More Dengan Gambar

Link Read More yang berupa teks jika kita lihat semakin lama semakin membosankan. Untuk menghilangkan kebosanan tersebut, kita bisa mengganti link read more dengan gambar. Cara mengganti link read more dengan gambar tergolong cukup mudah. 

Berikut ini langkah-langkah Cara mengganti link read more dengan gambar

Langkah 1

Login ke akun Blogger milik anda > Tata Letak > Edit HTML. Klik Download Full Templateuntuk membackup template blog Anda.

Beri tanda centang pada “Expand widget template” kemudian cari kode berikut ini

<b:if cond='data:blog.pageType != &quot;item&quot;'&gt;
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Ganti kode yang berwarna merah dengan kode ini

<a expr:href='data:post.url'><img src=' URL gambar Read More blog Anda '/></a>

Langkah 2

Klik Pratinjau. Bagaimana hasilnya? Jika berhasil, klik tombol Simpan.