Mungkin para senior sudah tak asing lagi dengan readmore otomatis, ini adalah kedua kalinya saya membuat, mungkin dikarenakan beberapa kali ganti templates blog sehingga kode readmore otomatis menjadi menghilang.
Langsung saja sahabat :
Langkah awal ==> tentunya kita login dulu ke akun blogger kita sendiri, kemudian pilih rancangan, klik edit HTML, jangan lupa ceklis pada bacaan "Expand Widget Template" setelah itu kita cari kode </head> kemudian copykan kode dibawah ini tepat dibawah kode </head> 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://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>
Langkah kedua ==> kita cari kode <data:post.body/> atau <p><data:post.body/></p> kemudian kita ganti kode tersebut dengan kode berikut ini :
<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'>»»  READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
dan Langkah ketiga ==> save template
Ket : untuk tulisan yang berwarna biru silahkan sahabat ganti sesuai keinginan.
Langsung saja sahabat :
Langkah awal ==> tentunya kita login dulu ke akun blogger kita sendiri, kemudian pilih rancangan, klik edit HTML, jangan lupa ceklis pada bacaan "Expand Widget Template" setelah itu kita cari kode </head> kemudian copykan kode dibawah ini tepat dibawah kode </head> 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://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>
Langkah kedua ==> kita cari kode <data:post.body/> atau <p><data:post.body/></p> kemudian kita ganti kode tersebut dengan kode berikut ini :
<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'>»»  READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
dan Langkah ketiga ==> save template
Ket : untuk tulisan yang berwarna biru silahkan sahabat ganti sesuai keinginan.