Auto Read More

url=""> Sebenarnya banyak cara bertebaran cara membuat read more, tapi saya akan coba berbagi tentang cara dan versi saya sendiri.
Dimana saya akan berbagi cara tentang membuat read more dengan gambar!, saya jelaskan step by stepnya untuk memudahkan dan hasilnaya sesuai harapan.
1. Login ke Blog Kalian

2. Buka halaman design > Edit HTML > centang Expand template widget

3. Cari kode </head> gunakan CTRL + F untuk mempermudah pencarian
     Paste kode berikut tepat dibawah </head>

<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://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

4. Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p>  . Jika menemukan 2 kode yang sama, pilih kode yang pertama.

5. Jika sudah ketemu silahkan anda ganti kode tersebut 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;padding-top:20px;'>
    <a expr:href='data:post.url'><img src="http://www.shellxnet.com/IMAGES/button_readmore.gif"></img></a></span>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

6. Klik Pratinjau, jika sudah berhasil silahkan klik SIMPAN

Keterangan :
pada kode diatas terdapat beberapa kode yang bisa kamu ubah sesuai keinginan kamu, ini dia.
summary_noimg = 430; angka 430 adalah jumlah karakter yang akan ditampilkan jika tidak menggunakan gambar.
summary_img = 340; jika menggunakan gambar, angka 340 adalah jumlah karakter yang akan ditampilkan.
img_thumb_height = 100; ini adalah ukuran tinggi gambar / thumbnail yang akan muncul.
img_thumb_width = 120; sedangkan yang ini adalah lebar gambar / thumbnail.