Tukarkan Baca Selanjutnya Dengan Gambar

Beberapa hari lalu penulis telah berkongsi cara untuk memasang topik blog pada baca selanjutnya. Kali ini pula penulis ingin mengajar anda menukar ayat baca selanjutnya kepada gambar.


Memandangkan baca selanjutnya mempunyai beberapa versi, penulis memilih untuk menunjukkan contoh² pada tutorial baca selanjutnya yang telah penulis buat sahaja.

A. Membuat Baca Selanjutnya

1. Login ke Blogspot.

2. Pilih Layout - Edit HTML (Tanda kotak Expand Widget).

3. Download Full Template sebelum mengedit blog.

4. Cari <span id='showlink'>, buang ayat Selanjutnya dan gantikan kod berwarna merah.

<span id='showlink'>
<p><a href='javascript:void(0);' expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"'>Selanjutnya <img src="http://eriyzas.googlepages.com/readmore01.jpg"/></a></p>
</span>
5. Preview dan Save template jika puas hati.

B. Membuat Baca Selanjutnya Versi 2

1. Login ke Blogspot.

2. Pilih Layout - Edit HTML (Tanda kotak Expand Widget).

3. Download Full Template sebelum mengedit blog.

4. Cari <style>.fullpost{display:none;}</style>, buang ayat Baca Selanjutnya dan gantikan kod berwarna merah.

<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Baca Selanjutnya <img src="http://eriyzas.googlepages.com/readmore01.jpg"/></a>
</b:if>
5. Preview dan Save template jika puas hati.

Selamat mencuba. Semoga berjaya.