Membina fungsi read more.. 2

Bagi blogger yang menggunakan template baru, mungkin akan menghadapi masalah mengikut tutorial bagaimana membina fungsi readmore... pada posting saya yang lepas. Ini kerana kod fungsi read more tersebut hanya sesuai untuk mereka yang menggunakan templata classic ataupun template yang di edit menggunakan script template classic.


Untuk template baru, langkah untuk membina fungsi read more di tunjukkan pada langkah di bawah ini.

p/s: save script template asal, ianya bertujuan sebagai back up apabila terjadi error semasa melakukan editting pada script template.

Langkah 1


Log in blog => Dashboard => Layout => Edit HTML. Seterusnya tick pada Expand Widget Template.

Langkah 2

Tekan Ctrl+F dan taipkan kod <data:post.body/> atau <p><data:post.body/></p> dan tekan enter.

Langkah 3

Salin kod di bawah(merah). Seterusnya delete kod <data:post.body/> atau <p><data:post.body/></p> (lihat langkah 2) dan gantikan dengan kod berwarna merah.

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Read more...</strong></a></p>
</b:if>

Seterusnya klik save.


Langkah 4

Untuk menjadikan ayat atau perenggan pada posting di ubah kepada perkataan read more..., kod di bawah hendaklah di letak pada awal dan akhir pada ayat atau perenggan pada setiap artikel atau posting yang hendak ditulis.

<div class="fullpost"> </div>


Contoh:

Apa itu Blog ?

Blog ( singkatan dari Weblog) adalah sesuatu yang bersifat peribadi, iaitu lebih kepada diari dari pembina blog itu sendiri.

Blog dibina oleh designer blog agar mudah untuk diselanggara , jadi bagi anda yang masih kurang faham dengan bahasa pengaturcaraan untuk membuat sebuah blog, kini ianya tidak lagi menjadi masalah.<div class="fullpost"> Apabila anda sudah boleh membuat sebuah account gmail di internet, maka dalam membuat blog pun ianya adalah mudah. </div>

Tulisan yang di boldkan akan di tukar kepada read more...