
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 != "item"'>
<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 == "item"'><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
Wow nice post...selamat mas bro :D
ReplyDeleteThank's friend,yuk mari baca-baca :)]
ReplyDeleteGOOGLE1
ReplyDelete