Mengganti link Read more dengan gambar

Sebenarnya judul diatas kurang tepat untuk artikel ini, mungkin yang lebih tepat adalah "Mengganti fasilitas link Read More pada template baru dengan gambar atau image button tapi berhubung terlalu panjang jadi saya singkat saja, Oke lanjut...

Persiapan

cara ini tidak dapat di lakukan pada OperaMini 5 karena masalah kekurangan pada fasilitas karakter serta tidak dapat berfungsi pada Expand template Widget, maka kita harus menggunakan Bolt browser, Sebelumnya sobat harus menyiapkan gambar terlebih dahulu untuk mengganti link Read More tersebut, bila belum punya silahkan baca disini untuk cara pembuatanya.

Silahkan simak langkah langkahnya:

1. Login ke Blogger.com
2. "Pengaturan" setelah di Dasbor
3. Tata letak
4. Edit HTML, jangan lupa beri tanda centang pada "Expand template widget" sepeti ini :

   

   Tunggu sesaat sampai proses selesai.
lalu cari kode di bawah ini :

<b:if cond='data:post.hasJumplink'><div class='jump-link'><a expr:href='data:post. url + &quot;#more&quot;'expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

setelah menemukanya, ganti kode yang saya beri warna merah dengan kode gambar yang telah di buat sebelum, contoh :

<img src="http://images.cooltext.com/1306578.png" width="125" height="15" alt="Read more"/>

Dan bila di susun akan menjadi seperti ini :

<b:if cond='data:post.hasJumplink'><div class='jump-link'><a expr:href='data:post.url +&quot;#more&quot;'expr:title='data:post.title'><img src='http://images.cooltext.com/1306578.png' width=125' height='15' alt='Read more'/></a>
</div>
</b:if>

Penutup

Karena proses ini dapat dilakukan secara manual sebaiknya periksa kembali hasilnya, karena ada kemungkinan salah pada saat pengetikan, bila sudah yakin silahkan :
5. "simpan template".

Selesai.

Tambahan

Bila ukuran gambar terlalu besar silakan ubah lebar atau tingginya.