Jumat, 02 Agustus 2013

cara membuat read more otomatis tanpa java script

1. Login ke blogger, pilih salah satu blog
2. Pilih Template, lanjutkan ke Edit HTML
3. Lalu cari kode ]]></b:skin>, untuk mempermudah silahkan menggunakan ctrl+f
4. Masukkan kode ini diatas kode ]]></b:skin>
.post-thumbnail{float:left;margin-right:20px}
5. Lalu cari kode <data:post.body/> (biasanya jumlahnya ada tiga, pilih yang kedua) dan ganti dengan kode dibawah ini

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
</b:if>
<data:post.snippet/>
</div>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>

6. Lalu Simpan Template

3 komentar: