Footer 1

2012/01/20

Membuat Icon Tombol Home, Next dan Previous pada blog

Icon
Tentu kita pernah bukan merasa bosan dengan tampilan home pada akhir artikel hanya dituliskan beranda. Kali ini saya akan berbagi tips saya jumpai di Scrambird.blogspot.com mengenai membuat icon tersebut.
Ok langsung ke cara-caranya saja.
Berikut langkah-langkah yang harus kita lakukan:

  • Login Blogger kalian
  • Klik Rancangan -> Edit HTML
  • Tandai Expand Template Widgets
  • Untuk icon tombol Next, Cari kode seperti ini, untuk memudahkannya gunakan tombol CTRL+F atau F3
  • Atau fokuskan saja pada kode <data:newerpagetitle/>
  • Ganti kode <data:newerpagetitle/> menjadi <img src="URL Gambar" alt="Next" />
  • Untuk tombol Previous anda mencari kode 

  • Atau langsung mencari kode <data:olderpagetitle/>
  • Ganti kode <data:olderpagetitle/> menjadi  <img src="URL Gambar" alt="Prev" />
  • Untuk tombol Home anda mencari kode

  • Atau langsung mencari kode <data:homemsg/>
  • Ganti kode <data:homemsg/> menjadi <img src="URL Gambar" alt="home" />
  • Setelah selesai anda SIMPAN

NB : Untuk URL Gambar isikan dengan URL Gambar yang akan digunakan atau bisa menggunakan seperti punya saya.
Next : http://www.freeimagehosting.net/newuploads/gkrn1.png
Previous : http://www.freeimagehosting.net/newuploads/y7i3z.png
Home : http://www.freeimagehosting.net/newuploads/xgggm.jpg




0 comments: