Friday, July 20, 2012

cara membuat read more tanpa javascript

Pertama-tama masuk ke akun blogger. Kemudian ikuti langkah-langkah berikut:
1. Klik menu seperti ini

2. Klik menu / tulisan Template
3. Klik menu Edit HTML
4. Klik tulisan / menu Lanjutkan
5. Beri centang pada Expand Template Widget

Sebagai jaga-jaga jangan lupa backup dahulu template yang kamu gunakan.
Sekarang cari kode <data:post.body/> (agar lebih mudah menemukan kode tersebut silakan baca : Cara Mudah + Cepat Mencari Kode Html di Blogger)

Setelah itu ganti dengan kode berikut ini:
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.snippet'>
<b:if cond='data:post.thumbnailUrl'>
<div class='Image thumb'>
<style type="text/css">.thumb img {float: left; margin: 0 10px 5px 0;}</style>
<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' 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 silakan simpan.

Selesai dan silakan lihat perubahan pada blog kamu.

Selamat mencoba,semoga berhasil, dan mudah-mudahan bermanfaat.