Pages

Selasa, 03 Mei 2011

Ganti Older Post dan Newer Post pada Blog dengan Icon Gambar

Contoh berikut adalah merupakan tampilan older post dan newer post, bloger bisa menggatinya dengan icon-icon mungil berikut :


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.



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



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



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

6. Contohnya anda mau menggunakan icon maka ganti kodenya dengan kode HTML yang ada diatas.

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

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



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

INI KODENYA
<img src="http://lh5.ggpht.com/_15FopxVONSo/TITwoUBXGuI/AAAAAAAAD6E/h2ohrsfFnYU/back.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.




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



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



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

9. Setelah itu, klik Save Template.
10. Selesai. Silahkan klik View Blog untuk melihat hasilnya.

0 komentar:

Posting Komentar

Loading...


Mau punya buku tamu seperti ini?
Klik di sini
Get This Gadget