Membuat Read More Otomatis Pada Postingan

Membuat Read More Otomatis Pada Postingan

Assalamu'allaikum Wr.Wb

Jika post kita tidak ada read more nya biasanya dalam tampilan homepage akan kelihatan panjang sekali hingga terlihat tidak nyaman untuk dilihat oleh para pengunjung
nah kalau postingan kita ada read more nya akan terlihat lebih rapi untuk dilihat
nah berikut cara membuat read more pada postingan secara otomatis

1. Login ke Akun Blogger sobat
2. Dari bagian dashbord blog Pilih Template --> Edit HTML
3. Jangan lupa centang Expand Widget Templates
4. Sekarang Cari Kode </head> (Gunakan Tombol CRTL + F atau F3 untuk mempermudah pencarian kode)
5. Jika sudah ketemu Copy dan letakan diatas kode </head> tersebut.

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 150;
summary_img = 150;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://dapurtutorial.googlecode.com/files/ReadMoreScript.js' type='text/javascript'/>

6. Lalu cari lagi salah satu kode berikut : <data:post.body/> atau <p><data:post.body/></p>
7. Ganti Kode yang anda temukan diatas dengan kode berikut 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 style='float:right'><a expr:href='data:post.url'>Read More..</a></span>
<b:else/>
<data:post.body/>
</b:if>

8. Sekaran klik tombol Simpan Template

Selesai dan Semoga sukses mencobanya :)

Wassalamu'allaikum Wr.Wb