1. Silahkan login ke Blogger > Template
2. Agar lebih aman, klik tombol Cadangkan/pulihkan yang ada dipojok kanan > Unduh Template Lengkap, setelah selesai template terunduh, tekan Tutup.
3. Sekarang klik tombol Edit HTML.
4. Copy kode ini:
</head>
5. Letakkan kursor DI DALAM kotak Edit HTML.
6. Tekan CTRL+F untuk mencari lalu tekan CTRL+V lalu tekan ENTER.
7. Setelah ketemu kode </head>, maka kode berikut diatas </head> ganti dengan code dibawah ini.
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 220;
img_thumb_height = 120;
img_thumb_width = 220;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+" [...]"}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};
//]]>
</script>
8. Sekarang cari kode <data:post.body/> sebagaimana anda tadi mencari <dak any/head> maka akan anda temui kode tersebut tidak hanya satu. Sehingga kita harus coba-coba, tapi mulailah dari <data:post.body/> yang paling bawah atau akhir.
Jika sudah ketemu yang paling akhir, maka ganti kode tersebut dengan ini:
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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:left'><b>Baca Selengkapnya</b> → <a expr:href='data:post.url'><data:post.title/></a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
9. Klik Pratinjau Template untuk melihat apakah arrtikel di homepage anda sudah menampilkan baca selengkapnya kemudian judul artikel.
Jika belum berhasil maka klik tombol Edit Template lalu hapus script yang baru saja anda tambahkan tadi atau tekan CTRL+Z. Sekarang coba ganti dengan <data:post.body/> yang ada diatasnya, semoga kli ini berhasil. Jika ketika di Pratinjau sudah terpasang dengan benar klik tombol Save Template.
Jika anda ingin mengatur seberapa panjang teks yang ditampilkan atau seberapa besar gambar yang dimuat berikut ini keterangannya:
summary_noimg = 250; adalah banyaknya karakter yang ditampilkan ketika postingan anda tidak ada gambar.
summary_img = 220; adalah banyaknya karakter yang ditampilkan ketika postingan atau pada artikel anda terdapat gambar.
img_thumb_height = 120; adalah tinggi gambar thumbnail
img_thumb_width = 220; adalah lebar gambar thumbnail
