Read More atau baca Selanjutnya dibuat agar tampilan blog terlihat lebih rapi dan elegan. Tujuannya agar tampilan blog ketika pertama kali dibuka bisa terlihat banyak cuplikan artikel. Dengan begitu, pengunjung bisa melihat cuplikan-cuplikan yang ada di dalam blog kita dan memilihnya satu persatu , Cara membuat read more terbagi menjadi dua yakni Otomatis & Manual
Dan yang kali ini kita paparkan adalah cara mebuat read more secara otomatis berikut adalah langkah - langkah / cara membuat read more secara otomatis :
1. Buka Dasbor blog anda
2. pilih elemen Template kemudian lanjut dengan mengklik Edit HTML
3. Lalu cari kode ]]></b:skin>, untuk mempermudah silahkan gunakan fitur pencarian dengan menekan tombol CTRL + F
4. Copy kode di bawah ini dan letakkan tepat di atas kode : ]]></b:skin>
.post-thumbnail{float:left;margin-right:20px}
5.Lalu cari kode <data:post.body/> apabila sudah ketemu silahkan Copy kode di bawah 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>
<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>
6. Setelah di copy gantilah kode <data:post.body/> dengan kode yang barusan di copy
7. Simpan template anda
Lalu lihat berubahannya di blog anda , mungkin cukup sekian tutorial membuat read more oromatis di blog , Semoga bermanfaat :)
0 comments:
Post a Comment