Dun-soft.blogspot.com - Secara default, setiap template blogger dilengkapi dengan Newer Post dan Older Post dengan text link yang masing - masing berfungsi untuk menampilkan postingan lama dan baru.

   Agar tampilan Newer Post dan Older Post menarik, bisa dirubah dengan gambar yang menarik. Seperti contoh dibawah ini :
undefined

Menarik bukan jika diganti dengan gambar ?? Jika tertarik, ikuti langkah dibawah ini!!

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.

undefined
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" />

undefined
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.

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

undefined
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" />

undefined
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.


--SELAMAT MENCOBA--








Mengganti Tulisan Newer Post dan Older Post Dengan Gambar


Post a Comment

  1. Mantab tutorial nya sob! Saya sudah pakai cara ini di blog saya.. :D

    ReplyDelete
  2. makasih bro...sudah saya pasang di blog saya www.arlagrosirbatik.blogspot.com

    ReplyDelete
  3. @Arla Butik oke sama2 bro. Oh yaa, itu lebih baik templatenya diganti aja gan dg background yang warna putih

    ReplyDelete

Berikan saran dan pendapat anda agar saya dapat memperbaikinya.... Terima Kasih