Jul 17, 2009

Tukarkan Teks Older Posts Dengan Gambar


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 + &quot;_blog-pager-newer-link&quot;' 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 + &quot;_blog-pager-older-link&quot;' 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.

Via : Anshuldudeja

16 Comment

Anonymous

penah buat benda ni tp butangnyer hodoh, pinjam butang kak eriy la...
hehehe...

Eriyza Sat Jul 18, 05:48:00 PM

D@U$™ : Amik laa, diberi pree tanpa tol. :p

H.R PuTeRa YuSoFF Sun Jul 19, 04:57:00 PM

huhu...
lme jgk x singgah cni...

Eriyza Sun Jul 19, 07:28:00 PM

H.R PuTeRa YuSoFF : Mekaseh sbb singgah kali ni. :)

zool Mon Jul 20, 12:07:00 PM

Caiyoklah korang ni.. Pandai sungguh

Eriyza Mon Jul 20, 02:33:00 PM

zool : Biasa jer. :)

Jid Thu Jul 23, 02:24:00 PM

Thanks Eriyza, dah dapat, Alhamdulillah. Camana caranya nak tukar icon tu???
K, salam ceria semoga sentiasa bahagia...

Eriyza Thu Jul 23, 10:35:00 PM

Jid : Ikon leh amik kat http://www.iconfinder.net/

azrain Fri Jul 24, 09:13:00 AM

baru aku tau...camni rupenye...haaha...tq2

Eriyza Fri Jul 24, 10:43:00 PM

azrain : Aha. Sesama. :)

Anep™ Sat Jul 25, 08:02:00 AM

thankz..tutorial yg best..rse nk buat..cantik ckit blog nie..huhu

Eriyza Sat Jul 25, 10:39:00 AM

::AnEp:: Selamat mencuba.

Ummi Hanie Sat Jul 25, 04:54:00 PM

salam eriyza...

yess..berjaya buat bendalah nih..santekk2... :X
trimass...

Eriyza Sun Jul 26, 12:53:00 PM

Ummi Hanie : Wsalam. Tahniah.

Anonymous

salam eriyza...

hmm..saya x dapat la wat icon utuk home...camne yer??dah try tukar icon pon x ley jgk..
plz..help?

Eriyza Mon Nov 09, 09:57:00 AM

"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.