Tutorial : Ubah Read More kepada Icon/Gambar

10:42:00

Assalamualaikum gais.

Waalaikumssalam. ^^


Nampak yang di anak panahkan dengan panahan arjuna yang merah tu. Okay itu yang aku nak ajoo hari ini.


1. Template > Edit HTML

2. CTRL+F dan cari code ni.



<b:if cond='data:post.hasJumpLink'>

3. Okay kemudian dekat bawah code yang korang cari tu, akan jumpa anak-anak code dia cam ni.

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>


4. Delete itu semua.

5. Gantikan code tadi dengan code ni. Copy code ni dan pastekan .

 <b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;'><img border='0' src='http://4.bp.blogspot.com/-24ReX-JGeZU/TaRJA8Ay29I/AAAAAAAABgc/Ymu8bwvPFcE/s1600/ikon-readmore-5.png'/>
</a>
</div>
</b:if> 

Gantikan bold merah tu dengan url gambar kesukaan korang yee~ ^^

6. Preview, kalau tak ada error, boleh save.


Nota : Tutorial ini hanya menjadi kalau post anda sudah di 'Insert Jump Break'.  
Warning//Please do not re-tutorial.//

Boleh amik dekat sini icon tu. Hahaha. sorry lah kalau tak lawa. T_T


You Might Also Like

10 Love Letter(s)

  1. Singgah pagi dikna...
    Ehhh nk tghari dah nie...
    Dikna tbe2 akk rindue kat awak laa

    ReplyDelete
  2. wahhhhh thankkk you aina :) hehe.
    Lama dah cari ni. Nak try sekarang jugak. ^^

    ReplyDelete
  3. erk erk..mcm mana nk masuk jump break?

    ReplyDelete
  4. Kagumlah, Dik Na!
    Macam biasa akak tengok dgn mata berpinar-pinar!

    ReplyDelete
  5. mekasih share tuto ni.. hehe

    ReplyDelete
  6. berapa kali buat read more tak menjadi hahaha

    ReplyDelete
  7. thanks for the tutor. kalau rajin nanti nak buat.hehe. *kalau jadi

    ReplyDelete
  8. Tak suke lah pakai read more, hihi

    ReplyDelete