Senin, 17 September 2012

Cara Mengganti Link Older Post Dan Newer Post Dengan Icon Keren

Cara Mengganti Link Older Post Dan Newer Post Dengan Icon Keren. Selamat siang sobat, kali ini saya akan share cara membuat link older post, tetapi kali ini kita akan mencoba menggunakan gambar biar tampilannya lebih menarik. Cara membuat link older post tulisan menjadi gambar icon cukup mudah, karena kita cukup menganti beberapa script saja. Nah langsung saja, berikut adalah cara menganti older post tulisan dengan gambar icon, silakan di simak dan di praktekan nanti hasilnya kurang lebih seperti gambar dibawah ini:



1. Login Blogger == > 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, sobat pilih salah satu jangan semuanya, hehe.


<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. Setelah itu 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/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/everaldo/crystal-clear/48/App-home-icon.png"/>  

7. Save template dan lihat hasilnya

Cukup segitu dulu info seputar Cara membuat link older post, new post menjadi gambar icon, selamat mencoba dan semoga bermanfaat.

0 komentar:

Posting Komentar