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;
.....
.....
}
7 Komentar:
Mekaseh tuan guru... sungguh bermanafaat! ;;)
Sesama... :)
thanks
http://kobargborid.blogspot.com/
thanks.. tp kat mana nak cri image read more ye?
:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))
thank you
Terima kasih. Banyak yang membantu saya.
berbagi kata kata motivasi gan
Apa yang anda lakukan hari ini, merupakan kunci kebaikan ataupun juga kehancuran hari esok anda. Lakukanlah yang terbaik untuk hari ini.
salam kenal sukses selalu dan ku tunggu kunjungan baliknya :D
Post a Comment
1. Berilah Teguran/Komen Walau Sepatah Kata..
2. Komenlah Dengan Nama dan Blog Sendiri
3. Boleh Guna Kod² Seperti Ini <b>, <i>, <a>