Pages

Cara Mengganti Link Read More Dengan Gambar

Friday, 23 August 2013


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. Blog Kumpulan Tutorial Ngeblog juga sudah saya ganti link read more-nya. Lumayan untuk menambah hiasan blog...hehehehehehehe...




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

Langkah 1
Login ke akun Blogger milik anda >Template > Edit HTML. Klik Download Full Template untuk 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.

No comments:

Post a Comment

 
FREE BLOGGER TEMPLATE BY DESIGNER BLOGS