Cara Membuat READ MORE Bergambar

Bagaimana caranya buat readmore bergambar?
Saya berniat akan memberikan sedikit info, yaitu tentang readmore bergambar .Langsung saja ya. Kita akan membahas tentang read more. Karena banyak nya postingan. Sehingga blog kita tidak efektif, karena panjangnya setiap postingan...,,?? 

Berikut langkahnya.. 

- Log in blogger.com
- Masuk ke Template > Edit Html
- Centang Expand Template Widget
- Tekan Ctrl + F, lalu cari kode </head>
- Setelah ketemu, masukkan kode dibawah ini tepat dibawah kode </head>

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ;summary_noimg = 450; summary_img = 360; img_thumb_height = 110; img_thumb_width = 130; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

- Jika sudah selesai, cari lagi kode <data:post.body/> biar lebih cepat tekan ctrl+f
- Lalu ganti kode <data:post.body/> dengan kode dibawah ini..

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'><img src='http://lh6.ggpht.com/_Kwwy9VyLMKw/S3qDYQZCiRI/AAAAAAAACxA/aXY0neVNzh0/but_readmore.png'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

- Ganti text yg berwarna kuning dengan url gambar read more sesuai selera sobat
- Simpan Template dan lihat hasilnya

~Semoga Bermanfaat~