Seorang bloggers yang menamakan dirinya sebagai Ekino telah meminta penulis untuk mengajarnya menukar perkataan Home, Older dan Newer yang berada di bahagian bawah blog dengan gambar yang lebih menarik. Justeru, penulis tunaikan permintaannya kali ini.
1. Login ke Blogspot.
2. Pilih Layout - Edit HTML (Tanda kotak Expand Widget).
3. Download Full Template sebelum mengedit blog.
4. Cari kod² dibawah.
<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/>
5. Tukarkan kod² yang berwarna merah dengan kod gambar seperti contoh di bawah.
<data:newerPageTitle/> gantikan dengan <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgamUu1QeMgHDkb55zqmPxcbO9giBbSjdEqblNoQezTIA9xxz4_D2UIF-k0RSU9pTT9Mk7X53sYW-oLtxisNJwmF4Cyvs7P2uDdNkT2YqcWHLmHsu5YoJHWJg3B1L2xtbWXaGgaew/s400/arrow_newer.png'/>
<data:olderPageTitle/> gantikan dengan <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgok2zuVxCqLIM-q5gaHnyOn0pTIKIIrOcDIKcmkuihieJrsLFDr5e8GImS5NQRrqjTLiehLTa4hG7sgk8PzQ9Rbmd_J__B7vK3yfiEhNv1zyifxATqVGV8LUy1ucswiWAgQuMBiA/s400/arrow_older.png'/>
<data:homeMsg/> gantikan dengan <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGWuCXvYPyCgZW6BkFRqy8q74Rf_7NcKMWFV3m2ws7onuXxE-SFrpGOmvHd88i5-lTAK8v_QvtH13oli8XRt6uLgzCIrnbXVd0DGr6bDZ_kphMpO7wu_3W6j1t1lrPvbvMzYGPCw/s400/home.png'/>
6. Save template.
Anda boleh mencari ikon² yang menarik di Iconfinder. Selamat mencuba. Semoga berjaya.
16 Comment
penah buat benda ni tp butangnyer hodoh, pinjam butang kak eriy la...
hehehe...
D@U$™ : Amik laa, diberi pree tanpa tol. :p
huhu...
lme jgk x singgah cni...
H.R PuTeRa YuSoFF : Mekaseh sbb singgah kali ni. :)
Caiyoklah korang ni.. Pandai sungguh
zool : Biasa jer. :)
Thanks Eriyza, dah dapat, Alhamdulillah. Camana caranya nak tukar icon tu???
K, salam ceria semoga sentiasa bahagia...
Jid : Ikon leh amik kat http://www.iconfinder.net/
baru aku tau...camni rupenye...haaha...tq2
azrain : Aha. Sesama. :)
thankz..tutorial yg best..rse nk buat..cantik ckit blog nie..huhu
::AnEp:: Selamat mencuba.
salam eriyza...
yess..berjaya buat bendalah nih..santekk2... :X
trimass...
Ummi Hanie : Wsalam. Tahniah.
salam eriyza...
hmm..saya x dapat la wat icon utuk home...camne yer??dah try tukar icon pon x ley jgk..
plz..help?
"tEroMpaH_ mAwAr" : Tak dapat cari kod ke?? Cuba lg ye.
Post a Comment
Gunakan tatabahasa yang betul sewaktu menulis komentar agar mudah difahami oleh penulis. Terima kasih. :-)
Sila ambil perhatian perkara² berikut :-
1. Tinggalkan nama dan url blog atau laman web anda.
2. HTML tag seperti <b>, <i>, <a> boleh digunakan.
3. Sila berhemah di dalam berbahasa.