Mengganti Tulisan "Read More" dengan gambar

Katakan anda sekarang udah punya Read More (Baca Selengkapnya). Bagi anda yang belum punya, klik disini untuk memasang Read More.

Akan lebih bagus jika Read More yang hanya sekedar tulisan biasa kita ganti dengan gambar. Untuk menggantinya, anda harus meng-upload gambar anda pada situs image hosting seperti: photobucket.com, www.imagehosting.com, dll. Setelah di upload, simpan alamat gambar anda.

Cara menggantinya sebagai berikut:

1. Buka menu “Layout”, kemudian pilih “Edit HTML”
2. Cek (centang) pada cekbox "expand widget template"
3. Cari kode seperti dibawah ini :

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>

atau kodenya bisa berbentuk seperti ini:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Read More......</a>
</b:if>

4. Ganti tulisan Read More yang berwarna merah diatas dengan alamat gambar anda, contohnya sebagai berikut:

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'><img src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS7QzHGUXVPWfalDMJrp1EdinddocVEH0u94rQJJoUminAaRlI0uTto_3GSU0faYALg8w1o82Jv5OeZ-aGBl5puCvmUZBYQHFlUhhugUMjg82dZakVsTibwdJ5Q8qQrbxk6y0lTcXhbCJK/s400/read+more.jpg"/></a>
</b:if>

atau

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'><img src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS7QzHGUXVPWfalDMJrp1EdinddocVEH0u94rQJJoUminAaRlI0uTto_3GSU0faYALg8w1o82Jv5OeZ-aGBl5puCvmUZBYQHFlUhhugUMjg82dZakVsTibwdJ5Q8qQrbxk6y0lTcXhbCJK/s400/read+more.jpg"/></a>
</b:if>

5. Save Template.