CSS:
.home_post .post{width:100%;margin-top:15px;background:#294969;height:auto;}
.home_post .post h1, .home_post .post h2{font-size:180%;line-height:1.2em;color:#fff;margin:0;padding-left:15px;font-weight:700;}
.home_post .post h1 a,.home_post .post h1 a:visited,.home_post .post h1 strong,.home_post .post h2 a,.home_post .post h2 a:visited,.home_post .post h2 strong{display:block;text-decoration:none;color:#fff}
.home_post .post h1 a:hover,.home_post .post h1 strong,.home_post .post h2 a:hover,.post h2 strong{color:#FF4D3C}
.home_post .summary {font-size:13px;line-height:1.7em;color:#aaa;margin:1em 0 .75em;padding-left:15px}
.home_post .postag{display:none}
.home_post .thumbnail-area {width:100%;height:200px;margin-bottom:15px}
.home_post .thumbnailjpg amp-img{width:100%;margin:0;padding:0;border:0;outline:0}
HTML
Ganti
<b:include data='post' name='post'/>
dengan:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:x==0'>
<div class='home_post'><b:include cond='data:x==0' data='post' name='post'/></div>
</b:if>
<b:if cond='data:x==1'>
<div class='homepost1'><b:include cond='data:x==1' data='post' name='post'/></div>
</b:if>
<b:if cond='data:x==2'>
<div class='homepost1'><b:include cond='data:x==2' data='post' name='post'/></div>
</b:if>
<b:if cond='data:x==3'>
<div class='homepost1'><b:include cond='data:x==3' data='post' name='post'/></div>
</b:if>
<b:if cond='data:x==4'>
<div class='homepost1'><b:include cond='data:x==4' data='post' name='post'/></div>
</b:if>
<b:if cond='data:x==5'>
<div class='homepost1'><b:include cond='data:x==5' data='post' name='post'/></div>
</b:if>
<b:if cond='data:x==6'>
<div class='homepost1'><b:include cond='data:x==6' data='post' name='post'/></div>
</b:if>
<b:if cond='data:x==7'>
<div class='homepost1'><b:include cond='data:x==7' data='post' name='post'/></div>
</b:if>
<b:if cond='data:x==8'>
<div class='homepost1'><b:include cond='data:x==8' data='post' name='post'/></div>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>