silakan ikuti langkah-langkah berikut ;
1. Login seperti biasa ke blogger atau ke https://www.blogger.com/home
2. Template - Edit HTML
3. Cari kode dibawah ini dengan menekan ctrl + F :
]]></b:skin>
copy dan letakkan kode berikut di atas ]]></b:skin>
.thumbnail-post {
width:100px;
height:100px;
float:left;
margin:0px 10px 0px 0px;
}
4. cari kode <data:post.body/> dan ganti dengan kode berikut :
Apabila tidak berhasil lakukan dengan <data:post.body/> yang kedua, ketiga atau keempat, saya sendiri memasangnya pada <data:post.body/> yang keempat baru berhasil.
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.firstImageUrl'>
<a expr:href='data:post.url'><img class='thumbnail-post' expr:title='data:post.title' expr:src='data:post.firstImageUrl'/></a>
<b:else/>
<a expr:href='data:post.url'><img class='thumbnail-post' expr:title='data:post.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjViWCeFGwIDhyrOAZx_6CuQh5WMWxcmp-h3AgRS5enWPkNJ25jlYhE8vrPZxifkfupP42VPSqX56RB7zIzng-OiomSEx4gY4lp6xyjd3ZfKYkIdhFFfN97DuqqybrT1XY1X0G0pM2D79Q/s1600/noimagefound.jpg'/></a>
</b:if>
<div class='post-snippet'>
<data:post.snippet/>
</div>
<div class='rm-button-wrap'>
<a class='button' expr:href='data:post.url'>Baca Selengkapnya</a>
</div>
</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>
5. Simpan template
Untuk blog yang menggunakan desain template original dari bloger biasanya berhasil dengan cara ini.
