gyansmuslim.blogspot.com...Meneruskan postingan saya sebelumnya "Cara Membuat Read More Sederhana". Kali ini saya akan berbagi tips cara membuat Read More Otomatis. Dengan adanya Read More otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik. Trik ini mungkin telah banyak yang mengetahui dan ada juga yang belum mengetahuinya. Bagi anda yang belum mengetahui bagaimana cara membuat readmore otomatis, bisa mengikuti tutorial berikut ini.

Langkah-langkah pembuatan Read More Otomatis :

1. Masuk ke akun Blogger sedulur
   
   
2. Klik Rancangan >> Edit HTML [saran : download template sedulur dulu untuk mencegah apabila terjadi kesalahan dalam modifikasi template]
   
   
3. Centang option box Expand Widget Template
   
   
4. Kemudian cari kode </head> [untuk mempermudah pencarian tekan Ctrl+F], kemudian copy script berikut dan letakkan tepat dibawah kode tadi :
   
   
   <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://d6071fambblog.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
   
   Keterangan :
   
   • Summary noimg 430 = tinggi artikel terpenggal tanpa image
   • Summar img 430 = tinggi artikel terpenggal dengan image
   
   
5. Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p>, lalu 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'>&#187;&#187;&#160;&#160;READMORE...</a></span>
   </b:if>
   <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
   
   Keterangan : tulisan berwarna biru bisa sedulur ganti sesuai dengan keinginan sedulur. Atau bisa juga diganti dengan gambar dengan mengganti teks menjadi
   
   
   <img src="http://Read More ku.jpg" />
   
   Ganti teks http://Read More ku.jpg dengan alamat gambar sedulur
   
   
6. Langkah terakhir...Simpan template sedulur...selesai.