Tutorial tukar Newer,Older post dan Home kepada icon comel

Assalamualaikum...

Tutorial lagi..disebabkan saya buat menjadi,kita sharing is caring lah yer.Ramai yang dah tahu tapi saya tetap
nak buat tutorial jugak.Ini untuk rujukan saya kalau blog dah senget akibat terlalu banyak edit code.

Kali ni tutorial tukar newer post,older post dan home yang dibekalkan oleh blogspot menjadi icon yang kita buat sendiri atau yang di cari kat mana-mana.

ini contoh yang asal



dan ini selepas di edit oleh saya dengan penuh ketelitian yang maha hebat

Seperti biasa bukak Dashboard-Design-Edit HTML-tick Expand Widget Templates.Sebelum edit,backup dulu templat.Cari kod kat bawah ni guna CTRL+F:


<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>



Gantikan setiap text yang warna merah tu dengan code ini:

<img src='Image URL'/>

Buat satu-satu mengikut Image URL yang anda pilih.Image URL boleh cari kat SINI.Kalau tak nak ambik kat mana-mana boleh buat sendiri guna Photoscape atau Photoshop seperti saya.Lepas tu upload kat Photobucket untuk dapatkan Direct link.Ingat,copy Direct link sahaja.Kalau tak,tak jadi.

Pastikan semua code ada.Jika tertinggal satu pun,tak jadi jugak.Bila dah buat ketiga-tiga tu bolehlah di Preview dahulu.Dah puas hati,Save dengan senang hati.

SELAMAT MENCUBA