CARA MEMBUAT READ MORE PADA BLOG

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 :-

  • Login > daripada dashboard klik layout > Edit HTML



  • Pastikan anda backup template dahulu dengan klik 'Download Full Template' kemudian klik pada 'expand widget templates'

  • Pada keyboard anda, tekan ctrl + F untuk menghidupkan fungsi 'find' kemudian taip  <data:post.body/>



  • 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>


  • 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.



  • Selepas selesai letak code, Save Template
  • Kemudian, daripada paparan dashboard, klik pada Setting > Formatting kemudian scroll ke bawah sehingga jumpa Post Template.
  • Copy code berikut ke dalam Post Template
<span class="fullpost">
</span>


  • Save Setting
  • 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 ruangan read more perlu terletak antara <span class="fullpost"> dan </span>


  • Apabila siap menaip, klik publish..

Terima Kasih Kerana Sudi Membaca Entri Saya

No comments:

Related Posts Plugin for WordPress, Blogger...