Senin, 16 Januari 2012

Cara Mengganti Link Older Post Dan Newer Post Dengan Icon


By on 17.57

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.

About Syed Faizan Ali

Faizan is a 17 year old young guy who is blessed with the art of Blogging,He love to Blog day in and day out,He is a Website Designer and a Certified Graphics Designer.

15 komentar:

  1. wah.... makasih banyak mas.. sukses slalu..
    kunjung balik ea.. http://amardanis.blogspot.com/

    BalasHapus
  2. kunjung balik ya http://slinder9.blogspot.com/

    BalasHapus
  3. thanks tutorialnya sobat ... :)
    sangat bermanfaat.... :)

    BalasHapus
  4. wah thanks sobat lihat punyaku dah oke sekarang thx

    BalasHapus
  5. wah,..luar biasa keren jdi_a my blog, tQ sob,..

    BalasHapus
  6. gan kalo di blog WP ada gak tutorialnya... http://infomadhi.com

    BalasHapus
  7. Makasih gan tipsnya sukses ane dah coba kunjungi ya blog ane http://unikdanunik.blogspot.com/

    BalasHapus
  8. mantap gan infonya... sudah saya coba n sukses...mampir gan... http://www.madhi.web.id

    BalasHapus
  9. thanks trikny mas....mantap!!! :-D

    BalasHapus
  10. Keren-keren icon nya sob..ijin comot beberapa ya! THANKS :)

    BalasHapus
  11. Om OM BAgi Yang lAen Donk YAng Dark :D
    SALKOMSEL

    BalasHapus
  12. Trick sederhana tapi bermanfaat banget bro! THANKS :)

    BalasHapus
  13. Sharenya mantaps bro, dah ane coba praktekin langsung tuh :D

    kunjungan balik bila berkenan yah ^_^

    BalasHapus