Membuat Readmore Otomatis

Pada posting kali ini akan memberikan tutorial Cara Membuat Readmore atau Baca Selengkapnya pada postingan blog secara otomatis. Dengan demikian, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang kita inginkan 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, ayo ikuti tips-tips berikut :

1. Masuk Account blogger anda, pilih Edit Html. Kemudian centang "Expand Widget Template"

2. Cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.

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

3. Cari kode html berikut :

<data:post.body/> atau <p><data:post.body/></p>

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 yang berwarna merah adalah yang bisa anda ganti.
=> Summary noimg 430 = tinggi artikel terpenggal tanpa image
=> Summar img 430 = tinggi artikel terpenggal dengan image
=> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dan Lain Sebagainya.

Truss.. simpan dech!!