Trik ini sebenarnya sangat simple karena hanya menggunakan HTML dan CSS saja. Tidak perlu memakai Java Script tentunya.
Langkah pertama yaitu pergi ke edit HTML dalam blog anda, kemudian cari kode <data:post.body/> kemudian ganti dengan kode berikut :
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.snippet'>
<b:if cond='data:post.thumbnailUrl'>
<div class='Image thumb'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</b:if>
<data:post.snippet/>
<b:if cond='data:post.jumpLink != data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>
<b:if cond='data:post.snippet'>
<b:if cond='data:post.thumbnailUrl'>
<div class='Image thumb'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</b:if>
<data:post.snippet/>
<b:if cond='data:post.jumpLink != data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>
Setelah itu cari kode </b:skin>, dan letakan kode berikut di atas kode </b:skin>
thumb img {float: left; margin: 0 10px 5px 0;}
Selesai, simpan dan lihatlah hasilnya.
Source : My other blog Scooter Pilom
Tidak ada komentar:
Posting Komentar