Apr 20, 2009

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.

6 Comment

ZelL ThE gReaT ! ™ Thu May 14, 12:51:00 PM

Tq ms, saya dapat bt sdh :)

Eriyza Thu May 14, 12:57:00 PM

Zell The Great : Tahniah. Sesama.

@LiYaNNuaR Sat May 16, 10:53:00 PM

thanks... bjaya mbuatnya... :D

Eriyza Sun May 17, 12:05:00 AM

AliyaAnnuar : Tahniah.

Omg!ItsMrRoLL Thu Jun 11, 09:13:00 PM

thx :D

Eriyza Sat Jun 13, 11:30:00 PM

Omg!ItsMrRoLL : Sesama.

Post a Comment

Gunakan tatabahasa yang betul sewaktu menulis komentar agar mudah difahami oleh penulis. Terima kasih. :-)

Sila ambil perhatian perkara² berikut :-

1. Tinggalkan nama dan url blog atau laman web anda.
2. HTML tag seperti <b>, <i>, <a> boleh digunakan.
3. Sila berhemah di dalam berbahasa.