Cara membuat Read More Otomatis di Blogspot

Langkah-Langkah Cara membuat Read More Otomatis di Blogspot

1. Login ke Blog anda 
2. Buka halaman design > Edit HTML > centang Expand template widget 
3. Cari kode </head> gunakan CTRL + F untuk mempermudah pencarianPaste kode berikut tepat dibawah </head>


<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 450; summary_img = 540; img_thumb_height = 130; img_thumb_width = 130; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>


Selanjutnya cari kode ini <data:post.body/> atau <p><data:post.body/></p>  ( seperti biasa gunakan CTRL + F untuk mempermudah pencarian. Jika ditemukan  kode tersebut, maka diganti dengan kode dibawah ini :


<b:if cond='data:blog.pageType != "item"'> <div expr:id='"summary" + data:post.id'> <data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>"); </script> <span class='rmlink' style='float:right;padding-top:20px;'> <a expr:href='data:post.url'>Read More</a></span> </b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>


Finish simpan template dan lihat hasilnya.

Keterangan :
Cara membuat Read More otomatis di Blogspot ini bisa anda ubah sebagian. di bawah ini keterangan Pada

• Summary_noimg = 450, apabila artikel anda tanpa gambar satupun maka yang akan tampil pada halaman depan adalah 450 huruf.
• Summary_img = 540, apabila artikel anda berisi gambar maka yang akan tampil pada halaman depan adalah 540 huruf dan gambar. 
• Img_thumb_height = 130; ini adalah ukuran tinggi gambar / thumbnail yang akan muncul di halaman depan. 
• Img_thumb_width = 130; sedangkan yang ini adalah lebar gambar / thumbnail di halaman depan.