Membuat READMORE praktis

"sebelumnya mohon ma'af karena saya absen begitu lama di blogger sehingga banyak teman - teman bertanya terabaikan, dan kali ini saya kembali untuk berbagi kembali, semoga Admin bisa terus berbagi "...Next read...

Sebelumnya saya juga pernah memposting artikel serupa, namun tak sama :D. untuk lebih memudahkan teman - teman dalam membuat blog, saya kembali memaparkan langkah membuat "Readmore Otomatis" yang saya anggap lebih mudah kali ini. berangkat googling jum'at sore dapet deh artikel yang pas dari blog seorang teman. ok deh ketimbang banyak ngoceh yang g' jelas kita masuk aja ke fase berikutnya ok... :)

Dengan adanya readmore otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan gambar yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik. Buat teman - teman yang belum mengetahui bagaimana cara membuat readmore otomatis, kita kasih lagi nih....

Langkah 1

Login dulu ke account blog kamu, trus pilih Edit Html jangan lupa centang dulu "Expand Widget Template", lihat gambar ini

setelah itu cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.

<script type='text/javascript'> var thumbnail_mode = "no-float" ; 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'/>

Langkah 2

Cari kode html berikut ini :
<data:post.body/> atau <p><data:post.body/></p>

ganti kode tersebut dengan kode di bawah 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'>»»  READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Langkah 3

klik save template, selesai deh

Keterangan :

tulisan yang berwarna merah adalah yang bisa kamu ganti.
1. Summary noimg 430 = tinggi artikel terpenggal tanpa image

2. Summar img 430 = tinggi artikel terpenggal dengan image

3. Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...
Ok... selamat mencoba..... :)