Jadikan Tulisan Read More Icon

Khas untuk Cik Farah, tokey muffin kite 10Payah 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;
.....
.....
}

Anda baru saja membaca artikel yang berkategori Read More dengan judul Jadikan Tulisan Read More Icon. Anda bisa bookmark halaman ini dengan URL http://tekno.infoberguna.com/2009/05/jadikan-tulisan-read-more-icon.html. Terima kasih!
Posted by: Adhitya Rachman Jadikan Tulisan Read More Icon Updated at : 12.55.00

Yang lain juga membaca Read More

Belum ada komentar untuk "Jadikan Tulisan Read More Icon"

Posting Komentar