Cara Membuat Readmore Pada Blog

Hmm,,, ane membuat posting ini karena ane bosan dengan postingan blog yang panjang. jdi ane terpikir mau membuat readmore ini. OK Langsung saja, ada dua readmore yaitu dengan gambar dan text.

Kali ini ane akan share tentang yang menggunakan gambar:
Sobat harus login dulu ke blogger, lalu buka Edit HTML. jangan lupa centang Expand Widget Templates.
Selanjutnya cari kode </head>. Setelah ketemu, pastekan kode berikut tepat 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://melkiputra.blogspot.com/files/read-moreotomatis.js' type='text/javascript'/>

Lalu cari code berikut <data:post.body/> atau <p><data:post.body/></p>

Setelah ketemu, hapus kode tersebut dan ganti 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 alt='Read More..' src='http://1.bp.blogspot.com/-IHpf1c0gAZE/TahDsOmCrCI/AAAAAAAAAy0/lOZgwgw7eHg/s1600/pelajaran%2Bblog%2Bread%2Bmore%2Botomatis.jpg'/></a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/><br/><p align='right'> <strong><a href='http://pelajaran-blog.blogspot.com/?cx=partner-pub-7754036656352309%3Aryy79g3xuqq&amp;cof=FORID%3A10&amp;ie=ISO-8859-1&amp;q=toko+online&amp;sa=Search#944'>| <em>Free Bussines?</em> |</a></strong></p></b:if>
Setelah selesai, simpan lalu lihat blogger sobat.

Warning: Untuk memudahkan mencari kode gunakan CTRL + F