Arief Hilman Nugraha

Sobat tertarik dengan Membuat Read More Otomatis bergambar ??Kalau tertarik kita mulai yuk

1. Masuk ke Dasboard lalu klik Blog sobat
2. Pilih ke Template
3. Lalu pilih Edit HTML dan pilih lanjutkan
4. Centang Expand Template Widget
5. Cari kode </head> atau </head (Gunakan CTRL+F atau F3 untuk mempercepat pencarian)
6. Setelah ketemu, letakan kode berikut ini tepat di bawahnya

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

7. Lalu cari kode <data:post.body/> atau <p><data:post.body/></p>
8. Setelah ketemu hapus kode berikut dan ganti dengan kode di bawah 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;padding-top:20px;'>
<a expr:href='data:post.url'><img alt='Read More..' src='Link Image'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/><br/><p align='right'>
<strong><a href='www.ariefhunterz.com/2013/02/membuat-read-more-otomatis-dengan-gambar.html'>Klik Disini Untuk Read More Otomatis Bergambar</em> |</a></strong></p></b:if>

Link Image:


























9. Setelah itu simpan (Untuk yang tulisan simpan tidak kelihatan, hilangkan kotak pencarian cepatnya)

Note:
Untuk sobat yang kurang tertarik dengan gambar-gambar read more otomatis tersebut, silakan Klik Disini