'Read More!'

بسم الله الرحمن الرحيم

Aku ingin berkongsi pengetahuan dengan kalian bagaimana mengaktifkan fungsi 'read more' pada setiap artikel dalam weblog kalian. Ianya bertujuan untuk memaparkan hanya sedikit mukaddimah artikel, kemudian menyembunyikan teks artikel yang selebihnya. Pengunjung akan klik pada 'read more' untuk membaca sambungan artikel.

Pertamanya, klik 'layout', kemudian klik 'edit HTML', di situ akan dipaparkan 'edit template'. Pada bahagian 'backup / restore template', ianya untuk meng'backup' web kalian, sekiranya berlaku kesilapan di ruang 'edit HTML'.

Salin kod di bawah:

‎<style>
<b:if cond='data:blog.pageType == "item"'>
  .readmore {display:inline;}
<b:else/>
  .readmore {display:none;}
</b:if>
</style>

Letakkan kod di atas pada ruang sebelum 'closeing head tag'.


Kemudian, salin kod ini:

‎<b:if cond='data:blog.pageType != "item"'>
    <a expr:href='data:post.url'>Read more!</a>
</b:if>

Letakkan kod di atas selepas 'data:post.body'.


Kemudian, klik tab 'setting', klik 'formatting' dan isikan pada bahagian 'post template' dengan kod ini:

‎This an example post I want to split. Imagine it's really long.
<span class='readmore'>This is the rest of my post. Blah blah and blah</span>



WaAllahua'lam