Jika Berkunjung Jangan Lupa Meninggalkan Jejak Di BUKU TAMU INI... :)
Buku Tamu

Cara Mengganti Link Older Post dan Newer Post Dengan Icon Gambar



Secara default, setiap template blogger akan dilengkapi dengan link older postdan 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 kunjungihttp://www.iconarchive.com. Disana tersedia ribuan icon yang bisa anda download secara gratis.

Selamat mencoba..



Setelah Membaca Artikel Cara Mengganti Link Older Post dan Newer Post Dengan Icon Gambar jangan lupa klik LIKE yaa.. dan Semoga bermanfaat bagi sobat . Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar atau di Buku Tamu. Sertakan link di bawah ini bila anda ingin COPAS.



0 komentar:

Posting Komentar