
- Login dulu ke BLOGGER
- Pilih Template
- Klik Edit HTML.
- Centang dulu Expand Widget Template .
- Cari kode </head> gunakan control F untuk memudahkan pencarian kode </head> pada template.
- Lalu hapus kode </head> dan ganti dengan kode di bawah ini
</head><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://blograngga.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
- Selanjut nya cari kode <data:post.body/> atau <p><data:post.body/></p> ganti kode tersebut dengan kode di bawah 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'><img alt='Read More..' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwuwlGdenDzEHL71nHqqyN0wMlLdq2HiaqjY1nzBDhk-LRqrFlnI0j8sc7KKb65Oyc7YFnD5o-EfIdhFWBys5hFnBSJdLuGtjAtGbofwtnOQVL-N0wzmpeaQfQjCdCQvStgOpV5OAsSUp0/s1600/blog+rangga+readmore.png'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>.
- Terakhir Save Template untuk melihat hasilnya.