Tutorial : Ubah Read More kepada Icon/Gambar

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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJwZ94ylhx0DyRl4H_mmnhbOJRf3Qz0VHlEFPIezw5k6vZ2uxsYyWKYybCcQuGAony9Dhxn-_RjI5qWKWEGy9V41PyejPh62KXFZz3hY_aEErwdUK244R_gwbn_W3pGwCQQHBjS65zeoGt/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