Selasa, 17 Januari 2012

Cara Mengganti Link Older Post Dan Newer Post Dengan Icon


Cara Mengganti Link Older Post Dan Newer Post Dengan Icon - Kali ini saya akan berbagi Tutorial Blog yaitu mengganti Link Older Post Dan Newer Post Dengan Icon, biasanya Older dan Newer Post berupa tulisan kan, nah sekarang mari kita modifikasi Link Older Dan Newer Dengan Icon, pastinya keren donk.
Tapi sebelumnya kamu harus tau dulu fungsi newer dan older post, fungsinya yaitu untuk menampilkan posting lama dan posting baru kaya tombol Next Dan Previous, nah setelah tau apa fungsinya ayo kita mulai memodifikasi nya dengan icon.
Kaya Gambar Di Bawah Ini.



Ikuti langkah-langkahnya di bawah ini

1. Pilih Menu Rancangan
2. Pilih EDIT HTML
3. Centang Expand Widget Template.
4. Cari Kode <data:olderPageTitle/> jika sudah ketemu ganti kode <data:olderPageTitle/> dengan kode di bawah ini, kamu pilih salah satunya yah jangan semuanya.

<img src="http://icons.iconarchive.com/icons/deleket/soft-scraps/48/Button-Next-icon.png"/>
<img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/48/Actions-go-next-icon.png"/>

<img src="http://icons.iconarchive.com/icons/gakuseisean/ivista-2/48/Alarm-Forward-icon.png"/>
5. Nah jika sudah terpilih cari lagi kode <data:newerPageTitle/> jika sudah ketemu ganti kode <data:newerPageTitle/> dengan kode di bawah ini.


<img src="http://icons.iconarchive.com/icons/deleket/soft-scraps/48/Button-Previous-icon.png"/>

<img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/48/Actions-go-previous-icon.png"/>


<img src="http://icons.iconarchive.com/icons/gakuseisean/ivista-2/48/Alarm-Backward-icon.png"/>

6. Ok setelah sobat memilih salah satu kode di atas sekarang adalah langkah terakhir yaitu mengganti tampilan HOME dengan ICON. Kamu cari kode  <data:homeMsg/> kamu ganti kode <data:homeMsg/> dengan kode di bawah ini.

<img src="http://icons.iconarchive.com/icons/robsonbillponte/iRob/48/Folder-Home-Folder-icon.png"/>

<img src="http://icons.iconarchive.com/icons/custom-icon-design/pretty-office-4/48/home-icon.png"/> 

<img src="http://icons.iconarchive.com/icons/yellowicon/flat/48/Home-icon.png"/>  

<img src="http://icons.iconarchive.com/icons/gordon-irving/simpsons-2/48/Home-icon.png"/>   

<img src="http://icons.iconarchive.com/icons/everaldo/crystal-clear/48/App-home-icon.png"/>    

Jika sudah dipilih lalu klik dulu PRTINJAUAAN.
Sepertinya cukup sekian penjelasan dari saya, da jika ada kesalahan atau ada gambar yang tidak termuat harap tinggalkan pesan di kotak komentar.

0 komentar:

Posting Komentar