CARA MEMBUAT READ MORE 2

Tutorial ini akan menunjukkan lagi cara untuk buat read more bagi sesebuah blog. Sebenarnya kaedah ini sudah pun agak lama wujud dalam blogger.com, tetapi mungkin pengguna blogspot tidak perasan. Dan bagi blogger yang menggunakan template asal daripada blogger.com, kaedah ini amat mudah untuk diaplikasikan.



Berikut tutorial ringkas untuk buat read more yang sudah tersedia dalam blogger.com :-


  • Login ke akaun blogger anda, kemudian daripada dashboard klik new post.



  • Kemudian taipkan beberapa patah perkataan, kemudian diselangi oleh kod berikut. (Ini untuk test template anda sudah tersedia dengan kod penuh atau belum)

<!-- more -->


Contoh :

    • Anda boleh copy dan paste bawah ni ke dalam new post anda.


      Ini ayat sebelum perkataan 'read more'<!-- more -->Ini ayat selepas perkataan 'read more'


  • Kemudian klik pada publish, dan tengok dari paparan muka hadapan blog anda samada read more ini berjaya atau tidak. Kalau berjaya, kerja anda sudah siap. 


Kalau tidak berjaya, biasanya melibatkan bukan template default dari blogger, sila ikuti sedikit penambahan berikut :-

  • Dari dashboard, klik pada layout > Edit HTML

  • Backup template anda, kemudian klik pada expand widget templates

  • Menggunakan keyboard, tekan CTRL + F (untuk membuka fungsi find), kemudian cari kod berikut

<data:post.body/>

  • Copy dan paste kod ini dan letakkan dibawah kod tadi.

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'><a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >

  • Kod anda sepatutnya kelihatan seperti di bawah


  • Save template anda dan lihat hasilnya. :)

Terima Kasih Kerana Sudi Membaca Entri Saya

No comments:

Related Posts Plugin for WordPress, Blogger...