Jadikan Tulisan Read More Icon

Khas untuk Cik Farah, tokey muffin kite Payah Ana nak jelaskan kat shoutbox. Kene tukar, ganti, tambah kod html ni. Caranya senang saja, sama macam kita nak buat link bergambar. Hanya gantikan sebarang tulisan dengan kod image ini. <img src='http://alamat gambar.gif'/>.

Ok sekarang Ana tumpukan untuk gantikan tulisan Read More. Berpandukan tutuorial ini.

1. Cara Membuat Read More
2. Cara Membuat Read more V2

Loggin ke blogger => Edit HTML. Tanda kotak Expand Widget Template. Pastu cari kod Read More Antum ni.

# Untuk no.1, cari kod ini.

<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan...</a></p>

# Untuk no.2/v2, cari kod ini.

<a expr:href='data:post.url'>Read More......</a>

Dah jumpa, gantikan tulisan merah dengan kod image ini. Kalau Antum dah tukar dengan tulisan lain, gantikan saja.

<img src='http://Alamat Gambar Antum.gif'/>

Preview. Dah ok klik Save.

Tambahan tuk farah. Enti punya tu lain sikit. Cari kod css ni, delete background tu tau.

#showlink {
background: transparent url(http://i302.photobucket.com/albums/nn113/aburifaie/readmore-1.jpg) no-repeat left;
....
....
}
#hidelink {
background: transparent url(http://i302.photobucket.com/albums/nn113/aburifaie/readmore-1.jpg) no-repeat left;
.....
.....
}