Subscribe to RSS Feed

Auto Readmore Tanpa Java Script

by Unknown

Mungkin kalian pernah mendengar tentang Readmore, atau Auto Readmore? tapi apakah anda menggunakan Java Script ? Banyak blogger berpendapat bahwa Java Script yang kita gunakan dalam blog dapat membuat blog menjadi lambat/berat saat loading. Untuk mengatasi masalah ini saya mempunyai solusi yang tepat bagi kalian yang merasa takut menggunakan Java Script karena akan menyebabkan blog kalian menjadi berat saat loading.

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>

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

0 comments:

Post a Comment