Cara Membuat Read More Otomatis pada Blogger

Kegunaan dari Read More selain menghemat penggunaan halaman blog, juga untuk membuat blog kita terlihat lebih rapi. Kali ini saya mau bagi Cara Membuat Read More Otomatis.


1. Sign in ke blog sobat
2. Klik Design/Rancangan
3. Klik Edit HTML and centang Expand Template Widget
4. Cari kode </head> (gunakan Ctrl F untuk mempermudah)
5. Setelah ketemu, copy-paste kan kode berikut tepat dibawah 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://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>


Jadinya akan seperti berikut


</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://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

6. Berikutnya cari kode <data:post.body/> (seperti biasa klik Ctrl F untuk mempermudah)

7. Setelah ketemu ganti kode tadi dengan kode berikut.

<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'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

8. Selesai deh. Coba sobat lihat hasilnya.

sumber: http://freewarenenglish.blogspot.com/2011/12/cara-membuat-read-more-otomatis-pada.html?showComment=1325897950459#c8739032370497237