Readmore berguna agar tampilan blog terlihat lebih rapi dan elegan. Tujuannya agar tampilan blog ketika pertama kali dibuka bisa terlihat banyak cuplikan artikel.
Read More cara menual, dengan memanfaatkan Insert Jump Break pada posting blog, dimana setiap kali ingin posting artikel baru, kita akan mengklik icon / fasilitas Insert Jump Break.Nah kali ini saya akan mengshare cara menambah readmore otomatis pada blog :
- Login dulu ke akun blogmu
- Pilih menu template
- Klik edit HTML
- Lalu cari kode ]]></b:skin> (untuk mempermudah pencarian gunakan ctrl+f)
- Copy kode di bawah ini dan paste tepat di atas kode ]]></b:skin>
.post-thumbnail{float:left;margin-right:20px}
- Cari kode <data:post.body/> (untuk mempermudah pencarian gunakan ctrl+f)
- Kalau sudah ketemu silahkan ganti kode <data:post.body/> dengan kode dibawah ini
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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>
Lalu klik simpan template dan lihat hasilnya pada blogmu
Readmore berguna agar tampilan blog terlihat lebih rapi dan elegan. Tujuannya agar tampilan blog ketika pertama kali dibuka bisa terlihat banyak cuplikan artikel.
Read More cara menual, dengan memanfaatkan Insert Jump Break pada posting blog, dimana setiap kali ingin posting artikel baru, kita akan mengklik icon / fasilitas Insert Jump Break.Nah kali ini saya akan mengshare cara menambah readmore otomatis pada blog :
- Login dulu ke akun blogmu
- Pilih menu template
- Klik edit HTML
- Lalu cari kode ]]></b:skin> (untuk mempermudah pencarian gunakan ctrl+f)
- Copy kode di bawah ini dan paste tepat di atas kode ]]></b:skin>
.post-thumbnail{float:left;margin-right:20px}
- Cari kode <data:post.body/> (untuk mempermudah pencarian gunakan ctrl+f)
- Kalau sudah ketemu silahkan ganti kode <data:post.body/> dengan kode dibawah ini
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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>
Lalu klik simpan template dan lihat hasilnya pada blogmu
