Nov 30, 2011

Secara default, setiap template blogger akan dilengkapi dengan link older post dan newer post yang masing-masing berfungsi untuk menampilkan postingan lama dan baru.

Nah agar tampilannya lebih menarik, anda bisa menggantinya dengan icon-icon mungil. Contohnya seperti gambar dibawah ini.


Menarik bukan? Klu anda tertarik silahkan ikuti langkah-langkah dibawah ini

1. Pada menu klik Design -> Edit HTML
2. Biar aman backup dulu template anda dengan klik Download Full Template
3. Beri tanda centang pada kotak "Expand Widget Template"
4. Lalu cari kode <data:olderPageTitle/>5. Kalau sudah ketemu ganti kode tersebut dengan kode icon dibawah ini.


kode:
<img src="http://lh4.ggpht.com/_15FopxVONSo/TITygz08tQI/AAAAAAAAD6M/nmL88PQquYo/bt-right.png" border="0" >


kode:
<img src="http://lh4.ggpht.com/_15FopxVONSo/TITyhDNbKKI/AAAAAAAAD6U/NvIWpR7_R8c/forward2.png" border="0" />


kode:
<img src="http://lh3.ggpht.com/_15FopxVONSo/TITyhGpaSxI/AAAAAAAAD6Y/t5s8kZT6jtg/forward3.png" border="0" />


Kode:
<img src="http://lh5.ggpht.com/_15FopxVONSo/TITyhFs8Z7I/AAAAAAAAD6c/BFyS0qDHTlU/forward.png" border="0" />


Kode:
<img src="http://lh3.ggpht.com/_15FopxVONSo/TITyg7IbJoI/AAAAAAAAD6Q/_sp3PUvk5NU/forward1.png" border="0" />

6. Contohnya anda mau menggunakan icon maka ganti kodenya dengan <img src="http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/bt-right.png" border="0" />

7. Untuk mengganti link newer post. Cari kode <data:newerPageTitle/> lalu ganti dengan kode icon dibawah ini.


Kode:
<img src="http://lh4.ggpht.com/_15FopxVONSo/TITwof7uiXI/AAAAAAAAD6I/1Pl6ebsWVlA/bt-left.png" border="0" /></a>


Kode:
<img src="http://lh3.ggpht.com/_15FopxVONSo/TITwoCZSnNI/AAAAAAAAD58/lSn5BNQD2FE/back2.png" border="0" />


Kode:
<img src="http://lh5.ggpht.com/_15FopxVONSo/TITwoBzsieI/AAAAAAAAD6A/IQK3cgZUmTI/back3.png" border="0" />


Kode:
<img src="http://lh5.ggpht.com/_15FopxVONSo/TITwoUBXGuI/AAAAAAAAD6E/h2ohrsfFnYU/back.png" border="0" />


Kode:
<img src="http://lh5.ggpht.com/_15FopxVONSo/TITwoMZwuEI/AAAAAAAAD54/W3gOjE0_goA/back1.png" border="0" />
8. Sepertinya kurang maknyus jika tidak mengganti link home-nya. Ok, untuk mengganti link home cari kode <data:homeMsg/>. Biasanya ada 2 kode yang sama. Ganti kode yang pertama dengan kode icon dibawah ini.


Kode:
<img src="http://lh3.ggpht.com/_15FopxVONSo/TITzm6HzwUI/AAAAAAAAD6k/re9LjtZDsso/home2.png" border="0" />


Kode:
<img src="http://lh6.ggpht.com/_15FopxVONSo/TITznNXxKuI/AAAAAAAAD6s/ipjoHVfhtgI/home.png" border="0" />


Kode:
<img src="http://lh5.ggpht.com/_15FopxVONSo/TITzmjQGY5I/AAAAAAAAD6g/oSsJWw-BLXA/home1.png" border="0" />


Kode:
<img src="http://lh6.ggpht.com/_15FopxVONSo/TITzmyb6F5I/AAAAAAAAD6o/JE8YS65oxMk/home3.png" border="0" />
9. Setelah itu, klik Save Template.
10. Selesai. Silahkan klik View Blog untuk melihat hasilnya.

Untuk mendapatkan icon-icon cantik lainnya. Coba kunjungi http://www.iconarchive.com. Disana tersedia ribuan icon yang bisa anda download secara gratis.

Selamat mencoba..

Baca Juga Artikel Terkait Lainnya

Related : Cara Mengganti Link Older Post dan Newer Post Dengan Icon Gambar

0 comments:

Post a Comment

Komen yang bijak sangat di nantikan...! Terimakasih..

Follow by Email

Google+ Badge

Google+ Followers

My ID

qr code