cara membuat readmore otomatis di blog

Cara Membuat Readmore 

Otomatis di Blog

Read more/baca selengkapnya adalah pemenggal postingan yang tampil di home page.Selain sebagai pemenggal artikel readmore juga dapat mengurangi load page dan sekaligus membuat blog tampak rapi.Untuk membuatnya sangatlah mudah sobat tinggal ikuti langkah-langkah dibawah ini.

1.Login Blogger.com

2.Buka halaman Rancangan --> lalu Klik Edit HTML

3.Download Template Lengkap untuk berjaga-jaga bila terjadi kesalahan edit.

4.Centang kotak Expand Template Widget untuk menampilkan seluruh kode template.

5.Cari kode </head>  

6.Taruh kode dibawah ini tepat dibawah kode pada langkah nomor 5

<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://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

7.Selanjutnya sobat cari kode <data:post.body/> atau <p><data:post.body/></p>

    Setelah ketemu ganti kode diatas 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>

8.Save template. Terus sobat lihat hasilnya di home page.

Keterangan

Gunakan ctrl+f untuk memudahkan pencarian

Summary noimg 430=tinggi artikel terpenggal tanpa image

Summar img 430=tinggi artikel terpenggal dengan image

Tulisan Readmore bisa sobat ganti dengan Baca selengkapnya atau apa saja terserah...

Untuk tulisan warna biru itu adalah ukuran image yang ditampilkan pada home page.

Selamat berkreasi kawan......