Mengganti Link Read More Dengan Gambar

Read More  siapa yang tidak tau tulisan yang sering terlihat di setiap postingan, nah kali ini saya akan memberi sedikit cara mengubah tulisan Read More dengan gambar, contoh'y pada gambar yang sudah saya siapkan ini :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaWDU7QeI6vguFv_l8IRxd1qwhgDyFPHsRGgI9zZcXM1oX85cc4sidJ5kf_LlQwfs_2jUtgSvHuXvTov0sRl-_Ma-jrchn8TAP5vJ78mwXTgk3-toF-FkNXtOa-8voFaLnmr_CC6qoYLYR/h120/Ferryxz+Yamato+II+copy+copy.png


Langsung saja dilihat cara'y.


Pertama 1

• Login ke akun blog sobat
• Cari Rancangan > Edit HTML
• Klik "Download Full Template" untuk membackup template blog Anda, dan jgn lupa di centang "Expand widget template”
• Kemudian cari kode berikut :

           <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 Biru dengan kode di bawah ini

          <a expr:href='data:post.url'><img src='URL gambar Read More blog Anda '/></a> 

Langkah 2

• Lihat terlebih dahulu Sebelum disimpan dengan "Pratinjau"
• Jika sukses siap deh di Simpan Template.

Semoga berhasil,,, <O><O>