Cara membuat (auto) readmore/baca selengkapnya

Saat membuka halaman utama blog, biasanya ada artikel-artikel yang sangat panjaaaang sehingga kita harus men-sroll dulu untuk melihat artikel di bawahnya, setelah sampai bawah, scroll lagi keatas, capek khan, nah biar yang tampil di halaman utama itu bukan semua artikel, tetapi sebagian artikel saja, maka itu bisa kita gunakan (readmore/baca artikel selengkapnya) supaya artikel2 kita di halaman utama itu bisa terlihat lebih rapi. 
Gambar di bawah ini adalah  contoh blog sebelum diberi "readmore" 
artikel akan tampil semua meskipun belum di klik

Dan di bawah ini adalah screenshot dari blog ini setelah dikasih "readmore" tulisan akan lebih rapi karena hanya sebagian artikel yang di tampilkan, dan sisa artikel akan muncul lagi setelah kita klik pada tulisan "readmore"

buat yang tertarik, langsung aja ni caranya:


1. Log in ke Blog anda > Layout (tata letak) >> Edit HTML lalu beri tanda centang di Expand 
    Widget Template
2. cari kode </head>
3. copy kode ini dan paste di bawah kode </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://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>


keterangan : sesuaikan kode angka yang berwarna merah dengan keinginan anda


4. cari kode <data:post.body/> atau <p><data:post.body/></p>
5. hapus/ganti kode itu dengan kode


<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 : ganti tulisan READMORE berwarna merah dengan kata anda sendiri


tinggal di save dan lihat sendiri hasilnya, SELAMAT MENCOBA....






wassalam... salam blogger dari santri-one

Jangan Lupa Baca yang ini Lho yach..: