Sabtu, 22 November 2014

Cara Mengganti Link 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. 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 > 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.

0 komentar: