Untuk membuat read more otomatis di blogspot, ikuti langkah-langkah berikut ini:
1. Login ke Blogspot.
2. Masuk ke Dasbor>Rancangan>Edit HTML
3. Centang Expand Template Widget
4. Cari kode </head> kemudian letakkan kode di bawah tepat dibawah kode </head> tadi.
<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://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>
5. Langkah selanjutnya, cari kode seperti ini <data:post.body/> atau <p><data:post.body/></p>
Ganti kode tadi dengan kode yang ada di bawah.
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>»»  Baca Lengkap...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
Keterangan:
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image
==> Summary img 430 = tinggi artikel terpenggal dengan image
6. Save dan lihat hasilnya.
5. Langkah selanjutnya, cari kode seperti ini <data:post.body/> atau <p><data:post.body/></p>
Ganti kode tadi dengan kode yang ada di bawah.
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>»»  Baca Lengkap...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
Keterangan:
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image
==> Summary img 430 = tinggi artikel terpenggal dengan image
6. Save dan lihat hasilnya.
Thanks sudah berbagi ilmunya, sukses selalu...
BalasHapus