Mempunyai fungsi 'read more' adalah antara perkara yang perlu diaplikasikan pada sesebuah blog. Ini kerana rata-rata pemilik blog akan menaip entri yang boleh dikategorikan sebagai 'panjang'. Dengan mempunyai fungsi read more, keseluruhan entri dapat diringkaskan supaya ianya lebih memudahkan.
Berikut merupakan langkah yang perlu dilakukan untuk menggunakan fungsi 'read more' pada blog.
1. Login, daripada dashboard klik layout > edit html.
2. Pastikan anda backup template dahulu dengan klik 'Download Full Template' kemudian klik pada 'expand widget templates'.
3. Pada keyboard anda, tekan ctrl + F untuk menghidupkan fungsi 'find' kemudian taip
<data:post.body/>
4. Letakkan kod ini di atas <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
5. Kemudian letakkan kod ini di bawah <data:post.body/>
<b:if cond='data:blog.pageType != "item"'><br />
<a expr:href='data:post.url'>Read more...</a>
</b:if>
</b:if>
Nota: kod anda sepatutnya kelihatan seperti ini.
6. Selepas selesai letak code, Save Template.
7. Kemudian, daripada paparan dashboard, klik pada Setting > Formatting kemudian scroll ke bawah sehingga jumpa Post Template.
8. Copy code berikut ke dalam Post Template
<span class="fullpost">
</span>
9. Save Setting
10. Pergi kepada paparan untuk post entri, dalam ruangan post entri klik pada 'edit html' dan akan anda jumpa code tadi. Kandungan yang ingin diletakkan dalam ruanagn read more perlu terletak antara <span class="fullpost"> dan </span>
11. Apabila siap menaip, klik publish..
Suka tutorial ini.?
0 komentar:
Posting Komentar
silakan coment saja