Membuat Read More dengan Gambar

Jika artikel tentang Cara Simpel Bikin Bikin Read More di Blogspot sudah saya posting, sekarang saya akan posting tentang artikel yang hampir sama, namun kali ini tentang Membuat Read More dengan Gambar. Saya juga baru saja mempraktekkannya dan akhirnya jadi dan tidak sulit kugh :)
Tinggal ikuti saja perintah yang saya berikan dibawah ini, Insya Allloh kalau mengikuti dengan benar pasti jadi :)
Langkah - langkahnya sebagai berikut :
1. Yang pastinya, anda harus mempunyai blog terlebih dahulu . . . hehehe . .
2. Masuk ke pengaturan Template, pilih edit html.
3. Jika muncul pertanyaan, pilih lanjutkan. Dan beri centang di expand template widget.
4. Cari script dibawah ini. Dan hapus.

<a expr:href='data:post.url + "#more"'> Read More </a>

    dan bukan

<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>

5. Kemudian cari script ini diatas script yang tadi

<data:post.body/>

    setelah itu ketikan dibawahnya script ini.

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'> Read More </a>
</div>
</b:if >

6. Untuk cara memberi gambarnya ganti tulisan Read More dengan script dibawah ini.

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD-4eym1QUJlXc39jfIQSKL2lwJnJk7oWBq6eG0qn4oxpNtm1IySZoSz0Kk5uu7EC7I_nHZMZ9xxnrER3fuS5bRsDc6-9ZkA125scBhor-Ea8G0U0Z7nWPTX8en6EfoXkj3bXHBdR2fH0U/s1600/read-more1.jpg"/>

7. Save template tersebut dan lihat hasilnya :)

Saya sediakan contoh gambar - gambarnya, jika ingin membuat sendiri juga bisa dan jika ingin memakai gambar dibawah ini tinggal copy saja image locationnya :)