Cara Menciptakan Readmore Bergambar

Untuk menciptakan ReadMore bergambar cukup sederhana caranya pribadi saja ..

1. Login ke blogger.com
2. Klik Layout/Tata Letak ---> Edit HTML
3. Klik goresan pena Download Template Lengkap untuk berjaga-jaga jikalau ada kesalahan pengeditan HTML
4. Beri tanda centang pada kotak di sebelah goresan pena “Expand Template Widget”
5. Cari instruksi ibarat ini <p><data:post.body/></p> agar cepat klik Ctrl+F
6. Kemudian ganti instruksi tersebut dengan instruksi 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>

Keterangan :

Sebelumnya goresan pena Read Morenya ibarat goresan pena yang berwarna biru. Tetapi pada postingan ini kita akan mengganti goresan pena tersebut menjadi gambar. Caranya ganti instruksi “Read More” yang berwarna merah dengan instruksi ini

<IMG SRC='http://pic60.picturetrail.com/VOL1724/12312346/22573599/376383608.jpg'/>

Jreeng...jadi dech , semoga bermanfaat

Hasilnya :