Read More dengan Gambar

Link Read More yang berupa text/tulisan 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.

Blog saya ini juga sudah saya ganti link Read More dengan gambar/icon.Dulu saya juga mondar-mandir keluar masuk blog teman untuk mendapat ilmu ini. Nah jika sobat juga pengen merubah link Read More dengan gambar,sobat bisa terapkan langkah-langkah berikut.

Langkah-langkah mengganti link read more dengan gambar

- Login di Blogger.com
- Pada Dashboard pilih Template > Edit HTML > Lanjutkan > centrang Expand Widget Template
- Cari kode dibawah menggunakan Ctrl + F(find):

<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>

Anda juga dapat menggunakan gambar yang telah saya sediakan berikut,silahkan pilih salah satu:


» http://2.bp.blogspot.com/_MBRYgA9HoRE/TU-rvUpmHBI/AAAAAAAAAQM/OqWuQQqEPz8/s1600/readmore.gif

» http://1.bp.blogspot.com/_MBRYgA9HoRE/TU-rkXHrFKI/AAAAAAAAAQA/Ow3D3v25JL4/s1600/more+button.gif

» http://3.bp.blogspot.com/_MBRYgA9HoRE/TU-rmx5FmgI/AAAAAAAAAQE/6xhA9Fni9g4/s1600/readmore.png

» http://3.bp.blogspot.com/_MBRYgA9HoRE/TU-uHsXhfkI/AAAAAAAAAQQ/lEUF_tOA5oM/s1600/read+more+arrow.png

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