Cara Mengganti Read More dengan Gambar atau Logo

Langkah Awalnya tu simpan dulu template sobat dengan cara mengklik link Download template lengkap.Untuk Berjaga-jaga apabila terjadi kesalahan dalam pemasangan script !!!

1. Log in dahulu ke account blogspot sobat.

2. KLik "Page Element / Rancangan" & Klik "Edit HTML"

3. Jangan Lupa isi tanda centang pada Expand Template Widget

4. Cari Kode berikut ini
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >

Gunakan tombol CTRL + F pada keyboard anda, untuk memudahkan pencarian kalimat tersebut lalu enter.

4. Bila kode tersebut telah anda temukan,silahkan ganti kode yang berwarna merah tersebut dengan kode di bawah ini :

<a expr:href='data:post.url'><img style="cursor:pointer; cursor:hand;width: 244px; height: 40px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-2nCX7jhuLxVyikQRhi9lpXS379aXKBFEKJTIeJFkzxp4vtLD0QQgLWfKu0GNk9YLKv9wWZX2YVedecABmOSCkL3cxRgD600I3AHOW33XmMK3SS6YUMgkfXr4IUpmUJsQKekJIftbOvf4/s320/dinoe-dasbos.blogspot.png"/></a>

Sehingga kodenya menjadi seperti ini :

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url'><img style="cursor:pointer; cursor:hand;width: 244px; height: 40px;" src="http://i288.photobucket.com/albums/ll171/widodo06gun/read-more-kcl.gif"/></a>
</div>
</b:if>

Jika kalian ingin mengganti gambarnya ganti kode yang berwarna biru dengan alamat gambar kalian....!!!

5. Simpan Lalu lihat hasilnya..!!

Maka Hasilnya Seperti Ini :